/* alayaaa design tokens — the canonical "Sacred" system from /papadesign.
   Deep garnet (#8C2F39) primary + antique gold (#B8893B) accent on warm
   stone-ivory neutrals, Noto type. The full token scales are declared here so
   every surface (landing + member portals) draws from one source; the legacy
   --c-* names used across the pages are aliased onto these tokens at the bottom. */
:root{
  /* ── Garnet — primary / brand ─────────────────────────────────────────── */
  --garnet-50:#F9ECEE; --garnet-100:#F1D2D7; --garnet-200:#E3A8B0; --garnet-300:#D27C88;
  --garnet-400:#B85261; --garnet-500:#8C2F39; --garnet-600:#7A2832; --garnet-700:#65212A;
  --garnet-800:#511B22; --garnet-900:#3E151A; --garnet-950:#2A0E12;
  --color-primary:var(--garnet-500);

  /* ── Gold — accent ────────────────────────────────────────────────────── */
  --gold-50:#FBF3E0; --gold-100:#F6E7C2; --gold-200:#EDD49A; --gold-300:#E0BD6E;
  --gold-400:#CFA449; --gold-500:#B8893B; --gold-600:#9C7230; --gold-700:#7E5A26;
  --gold-bright:#D8B872; --gold-line:rgba(184,137,59,0.38); --gold:var(--gold-500);
  --color-accent:var(--gold-500);

  /* ── Stone — warm ivory neutrals ──────────────────────────────────────── */
  --stone-0:#FFFFFF; --stone-25:#FFFCF6; --stone-50:#FAF4E9; --stone-100:#F3EADA;
  --stone-150:#EADFC9; --stone-200:#E0D3BA; --stone-300:#CBBC9E; --stone-400:#A89A7E;
  --stone-500:#82745C; --stone-600:#635746; --stone-700:#4A4133; --stone-800:#322B20;
  --stone-900:#221D14; --stone-950:#15110A;

  /* ── Semantic ─────────────────────────────────────────────────────────── */
  --success:#5E8C5A; --success-bg:#EBF1E6; --warning:#C8902A; --warning-bg:#F8EFD8;
  --danger:#C0392B; --danger-bg:#FAE9E6; --info:#1F7A75; --info-bg:#E4F1F0;
  --wa-green:#25D366; --wa-teal:#075E54; --wa-bubble:#DCF8C6;

  /* ── Jewels (categorical accents) ─────────────────────────────────────── */
  --teal:#1F7A75; --plum:#7A4A8C; --bronze:#9C5A2A; --indigo:#3E6E8E; --sage:#5E8C5A;

  /* ── Gradients ────────────────────────────────────────────────────────── */
  --grad-garnet:linear-gradient(140deg,#A8384A 0%,#8C2F39 48%,#5E1C24 100%);
  --grad-garnet-gold:linear-gradient(135deg,#6E232C 0%,#8C2F39 50%,#A8772F 100%);
  --grad-garnet-deep:linear-gradient(160deg,#7A2832 0%,#4E1A20 100%);
  --grad-gold:linear-gradient(135deg,#E7CE94 0%,#C0973F 52%,#8A6526 100%);
  --grad-gold-soft:linear-gradient(135deg,#FBF3E0 0%,#EFD9A6 100%);
  --grad-primary-btn:linear-gradient(180deg,#9A3340 0%,#7A2832 100%);
  --grad-page:radial-gradient(1100px 520px at 50% -8%,#F4E7D2 0%,rgba(244,231,210,0) 60%),linear-gradient(180deg,#FFFCF6 0%,#FBF4E7 100%);

  /* ── Radii / spacing ──────────────────────────────────────────────────── */
  --r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-xxl:28px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-8:32px; --sp-10:40px; --sp-12:48px;

  /* ── Elevation ────────────────────────────────────────────────────────── */
  --sh:0 10px 34px rgba(58,21,26,0.08);
  --sh-lift:0 18px 50px rgba(58,21,26,0.14);

  /* ── Motion ───────────────────────────────────────────────────────────── */
  --m-fast:120ms; --m-base:200ms; --m-slow:320ms; --m-hero:520ms;
  --m-out:cubic-bezier(.22,1,.36,1); --m-in:cubic-bezier(.55,0,1,.45);
  --m-inout:cubic-bezier(.65,0,.35,1); --m-spring:cubic-bezier(.34,1.56,.64,1);
  --ease-out:var(--m-out); --ease-spring:var(--m-spring);

  /* ── Type — one Noto family across every language (per-script fallback) ── */
  --font-serif:"Noto Serif","Noto Serif Telugu","Noto Serif Tamil","Noto Serif Devanagari","Noto Serif Kannada","Noto Serif Malayalam","Noto Serif Bengali","Noto Nastaliq Urdu",Georgia,serif;
  --font-sans:"Noto Sans","Noto Sans Telugu","Noto Sans Tamil","Noto Sans Devanagari","Noto Sans Kannada","Noto Sans Malayalam","Noto Sans Bengali","Noto Nastaliq Urdu",system-ui,-apple-system,sans-serif;
  --font-mono:"Noto Sans Mono",ui-monospace,monospace;
  --font-deva:"Noto Serif Devanagari","Noto Serif",serif;

  /* ── Legacy aliases — existing pages reference these --c-* names ───────── */
  --c-ivory:var(--stone-50); --c-ivory-2:var(--stone-25); --c-paper:var(--stone-0); --c-sand:var(--stone-200);
  --c-ink:var(--stone-900); --c-ink-2:var(--stone-600); --c-ink-3:var(--stone-500);
  /* "saffron" slots now carry the garnet brand ramp; *-deep is the AA text tone on ivory */
  --c-saffron:var(--garnet-500); --c-saffron-deep:var(--garnet-700); --c-saffron-warm:var(--garnet-400);
  --c-saffron-tint:var(--garnet-50); --c-on-saffron:#FFFFFF; --c-maroon:var(--garnet-800);
  --c-good:var(--success); --c-bad:var(--danger); --c-gold:var(--gold-500);
  --c-line:rgba(34,29,20,0.12); --c-line-2:rgba(34,29,20,0.20); --c-glass:rgba(255,252,246,0.66);
  --r:var(--r-md);
}

/* Keyboard focus ring */
*:focus-visible{ outline:2px solid var(--garnet-700); outline-offset:2px; border-radius:4px; }
/* Mobile: inputs ≥16px so iOS Safari doesn't auto-zoom on focus */
@media (max-width:480px){
  input, select, textarea { font-size:16px !important; }
}