/* =====================================================
   Ekantik 10x — Design Tokens
   Spec §9.1, §9.2, §9.3
   ===================================================== */

:root {
    /* ─── Palette (Rebuild Spec §2.1) ─── */
    --navy:        #1B2A4A;        /* Deep Navy — dominant brand */
    --navy-deep:   #0F1A30;        /* darker scrim, hero overlay */
    --navy-darker: #0A1226;        /* deepest panel */
    --navy-dark:   #0F1A33;        /* legacy alias */
    --navy-ink:    #0F1A30;        /* legacy alias */
    --gold:        #C8A951;        /* Warm Gold — emphasis only */
    --gold-bright: #D9BC68;        /* hover state on gold buttons */
    --gold-warm:   #D9B963;        /* legacy alias */
    --gold-soft:   rgba(200, 169, 81, 0.14);   /* tinted row / panel bg */
    --gold-glow:   rgba(200, 169, 81, 0.32);   /* hover halo */
    --gold-pale:   #F0E8CF;        /* legacy callout */
    --ivory:       #FAF8F5;        /* Soft Ivory — primary canvas */
    --ivory-warm:  #F4EFE7;        /* warmer ivory for authority panel */
    --cream:       #FAF8F5;        /* legacy alias */
    --cream-2:     #EFEBE0;
    --slate:       #64748B;        /* Slate Gray — supporting text */
    --slate-light: #94A3B8;
    --slate-dim:   rgba(148, 163, 184, 0.7);
    --ink:         #1A1A1A;
    --muted:       #6B6B6B;
    --positive:    #6FCF97;        /* functional positive accent */
    --negative:    #E07B6A;        /* functional negative accent */
    --border:      rgba(27, 42, 74, 0.12);
    --border-strong: rgba(27, 42, 74, 0.22);
    --divider:     rgba(27, 42, 74, 0.12);  /* legacy alias */
    --line-dim:    rgba(200, 169, 81, 0.18);
    --line-faint:  rgba(250, 248, 245, 0.10);
    --pass:        #2D5016;
    --fail:        #DC2626;
    --live:        #2FB464;
    --white:       #FFFFFF;

    /* ─── Typography (Dev Spec §1.2) ─── */
    --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --font-sans:  'DM Sans', Calibri, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:  'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

    /* ─── Spacing (8px base) ─── */
    --s-1: 8px;
    --s-2: 16px;
    --s-3: 24px;
    --s-4: 32px;
    --s-6: 48px;
    --s-8: 64px;
    --s-12: 96px;

    /* ─── Layout (Dev Spec §1.4) ─── */
    --max-content: 720px;
    --max-wide:    1080px;       /* hero & narrative max */
    --max-grid:    1280px;       /* multi-column sections */

    /* ─── Elevation & motion ─── */
    --shadow-sm: 0 1px 2px rgba(27, 42, 74, 0.06), 0 1px 3px rgba(27, 42, 74, 0.08);
    --shadow-md: 0 4px 12px rgba(27, 42, 74, 0.08);
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-pill: 9999px;

    /* ─── Type scale ─── */
    --fs-h1:   clamp(40px, 5.5vw, 64px);
    --fs-h2:   clamp(28px, 3.5vw, 40px);
    --fs-h3:   20px;
    --fs-body: 16px;
    --fs-small:14px;
    --fs-xs:   12px;
}