////
///
/// 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 Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

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

: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;
}