/* ==========================================================================
   CODNASTA DESIGN TOKENS
   Central CSS Variable Architecture
   ========================================================================== */

:root {
    /* ----------------------------------------------------------------------
       1. PRIMARY BRAND PALETTE
       ---------------------------------------------------------------------- */
    --color-navy: #0A3857;
    --color-navy-dark: #06263C;
    --color-navy-deep: #041D2E;
    --color-navy-light: #124C73;
    --color-navy-rgb: 10, 56, 87;

    --color-gold: #F4B400;
    --color-gold-dark: #D99F00;
    --color-gold-light: #FFD45C;
    --color-gold-rgb: 244, 180, 0;

    --color-white: #FFFFFF;
    --color-white-rgb: 255, 255, 255;

    /* ----------------------------------------------------------------------
       2. NEUTRAL & SURFACE SCALES
       ---------------------------------------------------------------------- */
    --color-background: #FFFFFF;
    --color-background-soft: #F7F9FA;
    --color-background-alt: #EEF2F5;
    --color-surface: #FFFFFF;

    --color-text-primary: #15232D;
    --color-text-secondary: #53616B;
    --color-text-muted: #7B8790;
    --color-text-inverse: #FFFFFF;

    --color-border: #DDE3E7;
    --color-border-light: #EDF1F3;
    --color-border-strong: #B8C4CC;

    /* ----------------------------------------------------------------------
       3. SYSTEM & STATUS COLORS
       ---------------------------------------------------------------------- */
    --color-success: #198754;
    --color-warning: #D98E00;
    --color-danger: #C93C3C;
    --color-info: #247BA0;

    /* ----------------------------------------------------------------------
       4. TYPOGRAPHY SCALE
       ---------------------------------------------------------------------- */
    --font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --font-size-xs: 0.75rem;    /* 12px */
    --font-size-sm: 0.875rem;   /* 14px */
    --font-size-base: 1rem;     /* 16px */
    --font-size-md: 1.125rem;   /* 18px */
    --font-size-lg: 1.25rem;    /* 20px */
    --font-size-xl: 1.5rem;     /* 24px */
    --font-size-2xl: 2rem;      /* 32px */
    --font-size-3xl: 2.75rem;   /* 44px */
    --font-size-4xl: 3.75rem;   /* 60px */

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.15;
    --line-height-heading: 1.25;
    --line-height-body: 1.7;

    /* ----------------------------------------------------------------------
       5. SPACING SYSTEM
       ---------------------------------------------------------------------- */
    --space-1: 0.25rem;  /* 4px */
    --space-2: 0.5rem;   /* 8px */
    --space-3: 0.75rem;  /* 12px */
    --space-4: 1rem;     /* 16px */
    --space-5: 1.5rem;   /* 24px */
    --space-6: 2rem;     /* 32px */
    --space-7: 3rem;     /* 48px */
    --space-8: 4rem;     /* 64px */
    --space-9: 6rem;     /* 96px */

    /* ----------------------------------------------------------------------
       6. LAYOUT & ELEVATION
       ---------------------------------------------------------------------- */
    --container-width: 1200px;
    --container-padding: 1.25rem;

    --radius-sm: 0.375rem;
    --radius-md: 0.75rem;
    --radius-lg: 1.25rem;
    --radius-xl: 2rem;
    --radius-pill: 999px;

    --shadow-sm: 0 2px 8px rgba(10, 56, 87, 0.06);
    --shadow-md: 0 12px 30px rgba(10, 56, 87, 0.10);
    --shadow-lg: 0 24px 60px rgba(10, 56, 87, 0.14);

    --transition-fast: 160ms ease;
    --transition-base: 280ms ease;
    --transition-slow: 500ms ease;

    --z-header: 1000;
    --z-dropdown: 1100;
    --z-modal: 1200;
}