////
///
/// Space CSS Custom Properties
/// ===========================================================================
///
/// Primitive spacing tokens for margins, padding, and gaps.
/// Uses the q() function from unit.gl for consistent spacing.
///
/// Primitive tokens: Raw spacing values (--primitive-space-*)
///
/// @group Variables.HeadLayout
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// CSS Custom Properties
// ============================================================================

@use "../../../01-core/external" as *;

:root {
    // Primitive Space Tokens
    // -------------------------------------------------------------------------
    /// @prop {Length} --primitive-space-80 - Maximum spacing
    --primitive-space-80: #{q(80)};
    /// @prop {Length} --primitive-space-72 - Extra extra large spacing
    --primitive-space-72: #{q(72)};
    /// @prop {Length} --primitive-space-64 - Extra large spacing
    --primitive-space-64: #{q(64)};
    /// @prop {Length} --primitive-space-56 - Large spacing
    --primitive-space-56: #{q(56)};
    /// @prop {Length} --primitive-space-48 - Medium-large spacing
    --primitive-space-48: #{q(50)};
    /// @prop {Length} --primitive-space-40 - Medium spacing
    --primitive-space-40: #{q(40)};
    /// @prop {Length} --primitive-space-36 - Standard spacing
    --primitive-space-36: #{q(36)};
    /// @prop {Length} --primitive-space-32 - Comfortable spacing
    --primitive-space-32: #{q(32)};
    /// @prop {Length} --primitive-space-28 - Moderate spacing
    --primitive-space-28: #{q(30)};
    /// @prop {Length} --primitive-space-24 - Default spacing
    --primitive-space-24: #{q(24)};
    /// @prop {Length} --primitive-space-20 - Compact spacing
    --primitive-space-20: #{q(20)};
    /// @prop {Length} --primitive-space-16 - Tight spacing
    --primitive-space-16: #{q(16)};
    /// @prop {Length} --primitive-space-12 - Small spacing
    --primitive-space-12: #{q(12)};
    /// @prop {Length} --primitive-space-08 - Minimal spacing
    --primitive-space-08: #{q(8)};
    /// @prop {Length} --primitive-space-04 - Micro spacing
    --primitive-space-04: #{q(4)};
    /// @prop {Length} --primitive-space-02 - Hairline spacing
    --primitive-space-02: #{q(2)};
    /// @prop {Length} --primitive-space-01 - Pixel spacing
    --primitive-space-01: #{q(1)};
    /// @prop {Length} --primitive-space-none - Zero spacing
    --primitive-space-none: 0;
}