/* ============================================================
   VH DESIGN TOKENS — shared across all pages
   ============================================================ */
:root {
  /* colours */
  --deep:    #080818;
  --ink:     #0E0E26;
  --ink2:    #151530;
  --ink3:    #1C1C3A;
  --glass:   rgba(22,22,50,.58);
  --hair:    rgba(255,247,232,.08);
  --hair2:   rgba(255,247,232,.15);
  --kesar:   #FF7A2F;
  --amber:   #FFC24B;
  --ivory:   #FFF7E8;
  --stone:   #A5A5C3;
  --dim:     #6E6E8F;
  --live:    #3ECF8E;
  --violet:  #6C5CE7;
  --danger:  #FF5A5A;
  --dawn:    linear-gradient(135deg,#FF7A2F,#FFC24B);
  /* shadows */
  --s0: 0 4px 12px rgba(0,0,0,.35);
  --s1: 0 8px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,247,232,.06);
  --s2: 0 16px 48px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,247,232,.08);
  /* fonts */
  --fd: "Anek Latin","Inter Tight",sans-serif;
  --fg: "Anek Gujarati","Anek Latin",sans-serif;
  --fh: "Anek Devanagari","Anek Latin",sans-serif;
  --fb: "Inter Tight",-apple-system,sans-serif;
  /* safe areas */
  --sat: env(safe-area-inset-top,44px);
  --sab: env(safe-area-inset-bottom,34px);
}