/* ============================================================
   AFSL GLOBAL PRIVATE LIMITED — DESIGN TOKENS
   Brand: Navy #022B64 · Gold #BD914B · White-dominant
   ============================================================ */

:root {
  /* ─── BRAND (extracted from logo, exact) ─── */
  --navy:            #022B64;
  --navy-700:        #043A82;
  --navy-500:        #0A4FA8;
  --navy-900:        #011A3F;
  --navy-950:        #010F26;

  --gold:            #BD914B;
  --gold-300:        #E6D0A8;
  --gold-400:        #D4AE72;
  --gold-600:        #A67C36;
  --gold-700:        #8A6529;

  /* ─── SURFACES (white-dominant) ─── */
  --paper:           #FFFFFF;
  --paper-soft:      #FBFCFD;
  --mist:            #F4F7FB;
  --mist-deep:       #EAF0F7;
  --sand:            #FAF6EF;   /* gold tint, barely there */
  --sand-deep:       #F3E9D8;

  /* ─── INK ─── */
  --ink:             #0B1A33;
  --ink-body:        #35435C;
  --ink-soft:        #64748B;
  --ink-faint:       #94A3B8;
  --ink-ghost:       #C3CEDC;
  --on-dark:         #FFFFFF;
  --on-dark-soft:    rgba(255,255,255,.72);
  --on-dark-faint:   rgba(255,255,255,.44);

  /* ─── STATUS ─── */
  --ok:              #0F9D6E;
  --ok-bg:           #E7F7F1;
  --warn:            #BD914B;
  --warn-bg:         #FAF3E7;
  --danger:          #D92D20;
  --danger-bg:       #FDECEA;
  --info:            #0A4FA8;
  --info-bg:         #EAF1FB;

  /* ─── LINES ─── */
  --line:            #E6EDF5;
  --line-strong:     #D3DEEB;
  --line-navy:       rgba(2,43,100,.12);
  --line-gold:       rgba(189,145,75,.34);

  /* ─── TYPE ─── */
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body:    "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", Menlo, monospace;

  --fs-2xs:   0.6875rem;  /* 11 */
  --fs-xs:    0.75rem;    /* 12 */
  --fs-sm:    0.875rem;   /* 14 */
  --fs-base:  1rem;       /* 16 */
  --fs-md:    1.0625rem;  /* 17 */
  --fs-lg:    1.25rem;    /* 20 */
  --fs-xl:    1.5rem;     /* 24 */
  --fs-2xl:   2rem;       /* 32 */
  --fs-3xl:   2.75rem;    /* 44 */
  --fs-4xl:   3.75rem;    /* 60 */
  --fs-5xl:   5rem;       /* 80 */

  --lh-tight: 1.06;
  --lh-snug:  1.22;
  --lh-base:  1.62;

  --track-tight: -0.03em;
  --track-snug:  -0.015em;
  --track-wide:  0.14em;
  --track-wider: 0.22em;

  /* ─── SPACE ─── */
  --s-1:  4px;   --s-2:  8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 20px;   --s-6: 24px;   --s-8: 32px;  --s-10: 40px;
  --s-12: 48px;  --s-16: 64px;  --s-20: 80px; --s-24: 96px;
  --s-32: 128px; --s-40: 160px;

  /* ─── RADIUS ─── */
  --r-xs:   6px;
  --r-sm:   10px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-pill: 999px;

  /* ─── SHADOW (navy-tinted, never grey) ─── */
  --sh-xs:   0 1px 2px rgba(2,43,100,.05);
  --sh-sm:   0 2px 8px rgba(2,43,100,.06);
  --sh-md:   0 8px 24px rgba(2,43,100,.08);
  --sh-lg:   0 18px 48px rgba(2,43,100,.11);
  --sh-xl:   0 32px 80px rgba(2,43,100,.14);
  --sh-gold: 0 10px 30px rgba(189,145,75,.28);
  --sh-inset-line: inset 0 0 0 1px rgba(2,43,100,.06);

  /* ─── GRADIENT ─── */
  --g-gold:  linear-gradient(135deg, #D4AE72 0%, #BD914B 52%, #A67C36 100%);
  --g-navy:  linear-gradient(155deg, #043A82 0%, #022B64 58%, #011A3F 100%);
  --g-paper: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
  --g-sheen: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.42) 50%, transparent 62%);

  /* ─── MOTION ─── */
  --e-out:   cubic-bezier(.16,1,.3,1);
  --e-io:    cubic-bezier(.65,0,.35,1);
  --e-spring:cubic-bezier(.34,1.56,.64,1);
  --t-fast:  .18s;
  --t-base:  .32s;
  --t-slow:  .6s;

  /* ─── LAYOUT ─── */
  --wrap:     1240px;
  --wrap-narrow: 860px;
  --nav-h:    76px;
  --z-nav:    100;
  --z-drawer: 200;
  --z-modal:  300;
  --z-toast:  400;
}