////
///
/// Z-Index (Layer) Utilities
/// ===========================================================================
///
/// Stacking-context utilities driven by `12-lexicon/_z-index.scss` tokens.
/// Includes both numeric scale (`ss-u-z-0..50`) and semantic layers
/// (`ss-u-z-dropdown`, `ss-u-z-modal`, ...).
///
/// @group Utilities.Layout
/// @author Scape Press
/// @link https://scape.style
/// @since 0.4.0 ported from legacy
/// @access public
///
////

@layer ss.utilities {
    // Numeric scale
    .ss-u-z-auto {
        z-index: var(--ss-z-auto);
    }
    .ss-u-z-0 {
        z-index: var(--ss-z-0);
    }
    .ss-u-z-10 {
        z-index: var(--ss-z-10);
    }
    .ss-u-z-20 {
        z-index: var(--ss-z-20);
    }
    .ss-u-z-30 {
        z-index: var(--ss-z-30);
    }
    .ss-u-z-40 {
        z-index: var(--ss-z-40);
    }
    .ss-u-z-50 {
        z-index: var(--ss-z-50);
    }

    // Semantic layers
    .ss-u-z-dropdown {
        z-index: var(--ss-z-dropdown);
    }
    .ss-u-z-sticky {
        z-index: var(--ss-z-sticky);
    }
    .ss-u-z-fixed {
        z-index: var(--ss-z-fixed);
    }
    .ss-u-z-modal-backdrop {
        z-index: var(--ss-z-modal-backdrop);
    }
    .ss-u-z-modal {
        z-index: var(--ss-z-modal);
    }
    .ss-u-z-popover {
        z-index: var(--ss-z-popover);
    }
    .ss-u-z-tooltip {
        z-index: var(--ss-z-tooltip);
    }
    .ss-u-z-toast {
        z-index: var(--ss-z-toast);
    }
}