/*
 * B9 Website Core
 *
 * Public Spacer component styles.
 *
 * Source contract:
 * - .b9-spacer
 * - .b9-spacer--xs
 * - .b9-spacer--sm
 * - .b9-spacer--md
 * - .b9-spacer--lg
 * - .b9-spacer--xl
 * - .b9-spacer--2xl
 *
 * Responsibilities:
 * - register Spacer component presentation hooks;
 * - map controlled spacing sizes to Public Theme tokens;
 * - remain compatible with Theme Runtime overrides.
 *
 * Does NOT:
 * - define hardcoded spacing dimensions;
 * - define hardcoded breakpoints;
 * - decide page composition;
 * - implement Theme Editor variants.
 */

.b9-spacer {
    display: block;
}

.b9-spacer--xs {
    block-size: var(--b9-space-xs);
}

.b9-spacer--sm {
    block-size: var(--b9-space-sm);
}

.b9-spacer--md {
    block-size: var(--b9-space-md);
}

.b9-spacer--lg {
    block-size: var(--b9-space-lg);
}

.b9-spacer--xl {
    block-size: var(--b9-space-xl);
}

.b9-spacer--2xl {
    block-size: var(--b9-space-2xl);
}