/* ==========================================================================
   Smtbox Design Tokens & Custom Properties Architecture
   ========================================================================== */

:root {
    /* 1. Brand Palette */
    --smt-color-primary: #002780;
    --smt-color-primary-hover: #001f66;
    --smt-color-accent: #d90429;
    --smt-color-accent-hover: #b80320;
    --smt-color-bg-white: #ffffff;
    --smt-color-bg-light: #f8fafc;
    --smt-color-border-light: #f1f5f9;
    --smt-color-border-dark: #002780;
    --smt-color-text-main: #1e293b;
    --smt-color-text-muted: #64748b;

    /* 2. Z-Index Layer Stacking Context Hierarchy */
    --smt-z-base: 1;
    --smt-z-header-wrapper: 99999;
    --smt-z-header-nav: 999999;
    --smt-z-dropdown: 99999999;
    --smt-z-modal: 999999999;

    /* 3. Spatial & Layout Dimensions */
    --smt-nav-height: 43px;
    --smt-dropdown-width: 480px;
    --smt-dropdown-max-height: 520px;
    --smt-border-radius-sm: 4px;

    /* 4. Elevations & Shadows */
    --smt-shadow-dropdown: 0 8px 20px rgba(0, 0, 0, 0.15);
    --smt-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);

    /* 5. Transitions */
    --smt-transition-fast: 0.15s ease;
    --smt-transition-normal: 0.25s ease;
}