// ==========================================================================
// SEMANTIC Z-INDEX
// ==========================================================================
// Meaningful z-index tokens for layering and stacking context
// Maps base z-index values to contextual usage patterns
// ==========================================================================
@use '../../base/z-index' as *;

// LAYERING HIERARCHY - Component and UI element stacking
$semantic-z-index-background: $base-z-index-neg-1 !default;           // Background elements
$semantic-z-index-base: $base-z-index-0 !default;                     // Base layer elements
$semantic-z-index-content: $base-z-index-10 !default;                 // Main content layer
$semantic-z-index-elevated: $base-z-index-20 !default;                // Elevated content
$semantic-z-index-floating: $base-z-index-30 !default;                // Floating elements

// NAVIGATION LAYERS - Menu and navigation stacking
$semantic-z-index-nav-primary: $base-z-index-40 !default;             // Primary navigation
$semantic-z-index-nav-secondary: $base-z-index-50 !default;           // Secondary navigation
$semantic-z-index-breadcrumb: $base-z-index-10 !default;              // Breadcrumb navigation

// INTERACTIVE LAYERS - User interaction elements
$semantic-z-index-dropdown: $base-z-index-dropdown !default;          // Dropdown menus
$semantic-z-index-popover: $base-z-index-popover !default;            // Popovers and tooltips
$semantic-z-index-tooltip: $base-z-index-tooltip !default;            // Tooltips
$semantic-z-index-banner: $base-z-index-banner !default;              // Notification banners

// OVERLAY LAYERS - Modal and overlay elements
$semantic-z-index-sticky: $base-z-index-sticky !default;              // Sticky elements
$semantic-z-index-fixed: $base-z-index-fixed !default;                // Fixed position elements
$semantic-z-index-modal-backdrop: $base-z-index-modal-backdrop !default; // Modal backdrop
$semantic-z-index-overlay: $base-z-index-overlay !default;            // General overlays
$semantic-z-index-modal: $base-z-index-modal !default;                // Modal dialogs

// NOTIFICATION LAYERS - Alerts and notifications
$semantic-z-index-toast: $base-z-index-toast !default;                // Toast notifications
$semantic-z-index-alert: $base-z-index-60 !default;                   // Alert messages
$semantic-z-index-snackbar: $base-z-index-70 !default;                // Snackbar notifications

// UTILITY LAYERS - Special purpose elements
$semantic-z-index-loading: $base-z-index-80 !default;                 // Loading overlays
$semantic-z-index-debug: $base-z-index-debug !default;                // Debug/development elements
$semantic-z-index-max: $base-z-index-max !default;                    // Maximum z-index value

// COMPONENT-SPECIFIC LAYERS
$semantic-z-index-header: $base-z-index-30 !default;                  // Page/section headers
$semantic-z-index-sidebar: $base-z-index-20 !default;                 // Sidebar panels
$semantic-z-index-footer: $base-z-index-10 !default;                  // Page/section footers
$semantic-z-index-card-hover: $base-z-index-10 !default;              // Cards on hover
$semantic-z-index-button-focus: $base-z-index-10 !default;            // Focused buttons

// INDIVIDUAL SEMANTIC Z-INDEX TOKENS - Direct access to all base z-index values
$semantic-z-index-neg-10: $base-z-index-neg-10 !default;
$semantic-z-index-neg-1: $base-z-index-neg-1 !default;
$semantic-z-index-0: $base-z-index-0 !default;
$semantic-z-index-10: $base-z-index-10 !default;
$semantic-z-index-20: $base-z-index-20 !default;
$semantic-z-index-30: $base-z-index-30 !default;
$semantic-z-index-40: $base-z-index-40 !default;
$semantic-z-index-50: $base-z-index-50 !default;
$semantic-z-index-60: $base-z-index-60 !default;
$semantic-z-index-70: $base-z-index-70 !default;
$semantic-z-index-80: $base-z-index-80 !default;
$semantic-z-index-90: $base-z-index-90 !default;
$semantic-z-index-100: $base-z-index-100 !default;