/* Design tokens — Dr. Anitaa Nigaam (AstroSutraa) */
:root {
  /* Color — Brand */
  --brand: #E8622E;
  --brand-hover: #D2531F;
  --saffron-500: #E8622E;
  --saffron-600: #D2531F;
  --saffron-700: #B94414;

  --gold-200: #F5E5B8;
  --gold-300: #F9C74F;
  --gold-400: #F2B840;
  --gold-500: #E0A32E;
  --gold-700: #8A6B12;

  --jade-500: #4E9E7E;
  --jade-700: #367C60;

  --amethyst-500: #7C61AE;
  --amethyst-700: #5E4589;

  --warm-900: #211D19;
  --warm-800: #3A322B;
  --warm-700: #58483C;
  --warm-600: #7A6650;
  --warm-500: #9B8770;
  --warm-400: #B8A48A;
  --warm-300: #D3C1A6;
  --warm-200: #E9DDCC;
  --warm-100: #F4EBDC;

  --surface-page: #FDFAF6;
  --surface-card: #FFFDFA;
  --surface-sunken: #F6EFE3;
  --surface-peach: #FCE9DA;
  --surface-gold: #FBF3D9;
  --surface-lavender: #EEE6F5;

  --border-subtle: #EFE3D0;
  --border-default: #E1D0B4;
  --border-brand: #F2C8AE;

  --text-strong: #211D19;
  --text-body: #3A322B;
  --text-muted: #7A6650;
  --text-subtle: #9B8770;
  --text-brand: #D2531F;
  --text-link: #E8622E;

  /* Gradients */
  --grad-dawn-wash: linear-gradient(180deg, #FDF3E7 0%, #FDFAF6 100%);
  --grad-sunrise: linear-gradient(135deg, #F9C74F 0%, #E8622E 100%);
  --grad-halo: radial-gradient(circle, #FDE7C5 0%, rgba(253,231,197,0) 70%);

  /* Shadows (warm-tinted) */
  --shadow-xs: 0 1px 2px rgba(120,70,30,.06);
  --shadow-sm: 0 2px 6px rgba(120,70,30,.08);
  --shadow-md: 0 6px 18px rgba(120,70,30,.10);
  --shadow-lg: 0 14px 34px rgba(120,70,30,.14);
  --shadow-xl: 0 24px 60px rgba(120,70,30,.18);
  --shadow-inset: inset 0 1px 3px rgba(120,70,30,.08);
  --glow-saffron: 0 8px 24px rgba(232,98,46,.28);
  --glow-gold: 0 8px 24px rgba(249,199,79,.32);

  /* Fonts */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-sans-hi: 'Noto Sans Devanagari', 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-script: 'Sacramento', cursive;

  /* Radius */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-2xl: 28px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out-soft: cubic-bezier(.22,1,.36,1);
  --t-hover: box-shadow .24s var(--ease-out-soft), transform .24s var(--ease-out-soft), border-color .24s var(--ease-out-soft), background-color .24s var(--ease-out-soft);
}

:lang(hi), [lang="hi"] { font-family: var(--font-sans-hi); line-height: 1.65; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}