:root {
  /* Palette — warm charcoal + electric indigo + liquid gold */
  --ink:     #09090b;
  --ink-1:   #0f0f12;
  --ink-2:   #141418;
  --ink-3:   #1a1a20;
  --panel:   #1f1f26;
  --lift:    #252530;

  --indigo:  #6366f1;
  --indigo-l:#818cf8;
  --indigo-d:#4f46e5;
  --indigo-g:rgba(99,102,241,0.12);
  --indigo-h:rgba(99,102,241,0.06);

  --gold:    #f59e0b;
  --gold-l:  #fbbf24;
  --gold-d:  #d97706;
  --gold-g:  rgba(245,158,11,0.10);
  --gold-h:  rgba(245,158,11,0.05);

  --rose:    #f43f5e;
  --teal:    #14b8a6;
  --green:   #22c55e;

  --text:    #f4f4f5;
  --muted:   #a1a1aa;
  --faint:   #52525b;

  --b1: rgba(255,255,255,0.06);
  --b2: rgba(255,255,255,0.10);
  --b3: rgba(255,255,255,0.16);
  --bi: rgba(99,102,241,0.20);
  --bg: rgba(245,158,11,0.18);

  --font-d: 'Bebas Neue', sans-serif;
  --font-b: 'Archivo', sans-serif;

  --r1: 6px; --r2: 12px; --r3: 18px;
  --r4: 24px; --r5: 32px; --rpill: 999px;

  --s1: 0 1px 3px rgba(0,0,0,.4);
  --s2: 0 4px 16px rgba(0,0,0,.5);
  --s3: 0 12px 40px rgba(0,0,0,.55);
  --s4: 0 24px 70px rgba(0,0,0,.65);
  --si: 0 0 60px rgba(99,102,241,.18), 0 8px 28px rgba(99,102,241,.20);
  --sg: 0 0 60px rgba(245,158,11,.14), 0 8px 24px rgba(245,158,11,.18);

  --e1: cubic-bezier(.16,1,.3,1);
  --e2: cubic-bezier(.34,1.56,.64,1);
  --e3: cubic-bezier(.4,0,.2,1);
  --t1:.18s; --t2:.28s; --t3:.50s; --t4:.80s;

  --nav-h: 66px;
}