/* ============================================================
   SAHYADRI DEVRAI — TREE CENSUS PORTAL
   Design Tokens  |  Sacred-Grove Editorial Luxury
   ============================================================ */

:root {
  /* ---- Core palette: forest, cream, saffron, gold ---- */
  --forest-950: #0E2018;   /* deepest canopy shadow */
  --forest-900: #14342B;   /* primary dark */
  --forest-800: #1C4536;
  --forest-700: #2D5A40;   /* primary green */
  --forest-600: #3C7050;
  --forest-500: #4E8862;
  --forest-300: #9BBFA6;
  --forest-100: #DCE8DD;

  --saffron-700: #B65E12;
  --saffron-600: #D97A1E;  /* ritual saffron */
  --saffron-500: #E08D2E;
  --saffron-300: #F0BE7E;

  --gold-600: #B98A2E;
  --gold-500: #C9A24B;     /* heritage gold accent */
  --gold-300: #E2CB8C;

  --cream-50:  #FBF8F0;    /* paper / page bg */
  --cream-100: #F7F1E3;
  --cream-200: #EFE6D2;
  --cream-300: #E3D5BB;

  --ink-900: #221E17;      /* primary text on cream */
  --ink-700: #463F33;
  --ink-500: #6B6151;
  --ink-300: #9A8F7B;

  --danger:  #B23B3B;
  --warning: #C98A1E;
  --success: #3C7050;
  --info:    #2F6B7A;

  /* ---- Semantic ---- */
  --bg-page:        var(--cream-50);
  --bg-surface:     #FFFFFF;
  --bg-sunken:      var(--cream-100);
  --bg-inverse:     var(--forest-900);
  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-500);
  --text-on-dark:   var(--cream-100);
  --text-muted-dark:#9BBFA6;
  --border:         var(--cream-300);
  --border-strong:  var(--ink-300);
  --accent:         var(--saffron-600);
  --accent-2:       var(--gold-500);
  --brand:          var(--forest-700);
  --brand-dark:     var(--forest-900);

  /* ---- Typography ---- */
  --font-display: "Fraunces", Georgia, serif;
  --font-body:    "Hanken Grotesk", system-ui, sans-serif;
  --font-mr:      "Anek Devanagari", "Hanken Grotesk", sans-serif;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;
  --fs-2xl:  2.25rem;
  --fs-3xl:  3rem;
  --fs-4xl:  4.25rem;
  --fs-5xl:  5.5rem;

  /* ---- Spacing ---- */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;   --sp-3: 0.75rem;
  --sp-4: 1rem;     --sp-5: 1.5rem;   --sp-6: 2rem;
  --sp-7: 3rem;     --sp-8: 4rem;     --sp-9: 6rem;
  --sp-10: 8rem;

  /* ---- Radius ---- */
  --r-sm: 6px;  --r-md: 10px;  --r-lg: 16px;  --r-xl: 24px;  --r-pill: 999px;

  /* ---- Shadow (warm-tinted) ---- */
  --sh-sm: 0 1px 2px rgba(34,30,23,.06), 0 1px 3px rgba(34,30,23,.08);
  --sh-md: 0 4px 12px rgba(34,30,23,.08), 0 2px 4px rgba(34,30,23,.06);
  --sh-lg: 0 18px 40px rgba(20,52,43,.16), 0 6px 14px rgba(34,30,23,.08);
  --sh-glow: 0 0 0 3px rgba(217,122,30,.18);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .45s;

  /* ---- Layout ---- */
  --maxw: 1240px;
  --header-h: 72px;
}