////
///
/// Z-Index Utility Classes
/// ===========================================================================
///
/// CSS classes for managing stacking order with z-index values.
/// Uses a consistent scale for predictable layering.
///
/// @group Classes.HeadPosition
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// Z-Index Scale Classes
// ============================================================================

/// Negative z-index (behind base content)
.z--behind {
    z-index: -1;
}

/// Base level (default stacking)
.z--base {
    z-index: 0;
}

/// Raised content (above base)
.z--raised {
    z-index: 10;
}

/// Dropdown menus and tooltips
.z--dropdown {
    z-index: 100;
}

/// Sticky headers and sidebars
.z--sticky {
    z-index: 200;
}

/// Overlays and backdrops
.z--overlay {
    z-index: 300;
}

/// Modal dialogs
.z--modal {
    z-index: 400;
}

/// Popovers and floating elements
.z--popover {
    z-index: 500;
}

/// Toast notifications
.z--toast {
    z-index: 600;
}

/// Tooltips (highest interactive)
.z--tooltip {
    z-index: 700;
}

/// Maximum z-index (debug/special cases)
.z--max {
    z-index: 9999;
}

// ============================================================================
// Numeric Z-Index Classes
// ============================================================================

.z--0 {
    z-index: 0;
}

.z--10 {
    z-index: 10;
}

.z--20 {
    z-index: 20;
}

.z--30 {
    z-index: 30;
}

.z--40 {
    z-index: 40;
}

.z--50 {
    z-index: 50;
}

/// Auto z-index
.z--auto {
    z-index: auto;
}