////
///
/// Vertical Spacing
/// ===========================================================================
///
/// Vertical spacing between elements for consistent rhythm.
/// No colors. No modules.
///
/// @group Rhythm
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

:root {
    // ========================================================================
    // Vertical Space Scale
    // ========================================================================

    /// Extra small vertical space
    --ss-vspace-xs: var(--ss-baseline-2);

    /// Small vertical space
    --ss-vspace-sm: var(--ss-baseline-4);

    /// Medium vertical space (default)
    --ss-vspace-md: var(--ss-baseline-6);

    /// Large vertical space
    --ss-vspace-lg: var(--ss-baseline-8);

    /// Extra large vertical space
    --ss-vspace-xl: var(--ss-baseline-12);

    /// 2x extra large vertical space
    --ss-vspace-2xl: var(--ss-baseline-16);

    /// 3x extra large vertical space
    --ss-vspace-3xl: var(--ss-baseline-24);

    // ========================================================================
    // Section Spacing
    // ========================================================================

    --ss-section-gap: var(--ss-vspace-xl);
    --ss-block-gap: var(--ss-vspace-md);
    --ss-element-gap: var(--ss-vspace-sm);
}