/* THAHABI Design Tokens */
:root {
  /* gold */
  --gold-50:  #FBF6E7;
  --gold-100: #F2E5BC;
  --gold-300: #D9B872;
  --gold-500: #C9A24C;
  --gold-700: #A07F36;
  --gold-900: #6E5520;
  --gold-gradient: linear-gradient(135deg, #E2C374 0%, #C9A24C 50%, #8E6F2A 100%);
  --gold-sheen: linear-gradient(110deg, transparent 0%, rgba(226,195,116,.0) 35%, rgba(226,195,116,.55) 50%, rgba(226,195,116,.0) 65%, transparent 100%);

  /* ink */
  --ink-1000: #0A1118;
  --ink-900:  #0E141A;
  --ink-800:  #161E27;
  --ink-700:  #222D3A;
  --ink-500:  #4A5867;
  --ink-300:  #9AA7B5;
  --ink-100:  #E8ECF1;
  --ink-50:   #F5F7FA;
  --paper:    #FAF7F0;

  /* semantic */
  --success: #2E8B5A;
  --warn:    #C68A2E;
  --danger:  #B33A3A;
  --info:    #3A6FB3;

  /* type */
  --ff-serif-en: "Cormorant Garamond", "Times New Roman", serif;
  --ff-sans-en: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ff-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
  --ff-display-ar: "Aref Ruqaa", "Amiri", serif;
  --ff-sans-ar: "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --ff-ui-ar: "IBM Plex Sans Arabic", "Tajawal", system-ui, sans-serif;
  --ff-display-hi: "Tiro Devanagari Hindi", "Noto Serif Devanagari", serif;
  --ff-sans-hi: "Noto Sans Devanagari", "Hind", system-ui, sans-serif;
  --ff-display-ur: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif;
  --ff-sans-ur: "Noto Naskh Arabic", "Tajawal", system-ui, sans-serif;
  --ff-display-bn: "Tiro Bangla", "Noto Serif Bengali", serif;
  --ff-sans-bn: "Hind Siliguri", "Noto Sans Bengali", system-ui, sans-serif;

  /* type scale */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.5rem;
  --fs-xl:   2rem;
  --fs-2xl:  2.5rem;
  --fs-3xl:  3rem;
  --fs-4xl:  3.75rem;

  /* spacing 8pt */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-6:  24px;
  --s-8:  32px;
  --s-12: 48px;
  --s-16: 64px;
  --s-24: 96px;
  --s-32: 128px;

  --container-max: 1200px;
  --gutter: 24px;

  /* radius */
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-pill: 9999px;
  --bw-1:   1px;
  --bw-2:   2px;

  /* shadow */
  --sh-1: 0 1px 2px rgba(10,17,24,.08);
  --sh-2: 0 8px 24px rgba(10,17,24,.10);
  --sh-3: 0 24px 48px -12px rgba(10,17,24,.25);
  --sh-glow-gold: 0 0 0 1px rgba(201,162,76,.4), 0 12px 32px -8px rgba(201,162,76,.35);

  /* motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 150ms;
  --dur-base: 240ms;
  --dur-slow: 480ms;
}

@media (min-width: 768px) {
  :root {
    --fs-xs:   0.8125rem;
    --fs-sm:   0.9375rem;
    --fs-base: 1.0625rem;
    --fs-md:   1.25rem;
    --fs-lg:   1.75rem;
    --fs-xl:   2.5rem;
    --fs-2xl:  3.5rem;
    --fs-3xl:  4.5rem;
    --fs-4xl:  6rem;
    --gutter: 48px;
  }
}