/* ── tokens.css — Bharat Ka Satya design tokens ────────────────────────────
   The whole site is built on the Tiranga (tricolour): Kesari saffron, white,
   Bharat green, and the Ashoka-chakra navy. Everything else is derived from
   these so the app "feels like Bharat" on every screen. */

:root {
  /* Flag core */
  --kesari:      #FF9933;   /* saffron  */
  --kesari-deep: #E97A16;
  --kesari-soft: #FFE7CC;
  --white:       #FFFFFF;
  --harit:       #138808;   /* green    */
  --harit-deep:  #0E6606;
  --harit-soft:  #DDF0D6;
  --chakra:      #000080;   /* navy — Ashoka chakra */
  --chakra-soft: #E4E7FA;

  /* Parchment / "old record" surfaces */
  --parchment:   #FBF6EC;
  --parchment-2: #F4EBD9;
  --ink:         #2A2118;
  --ink-soft:    #5C5142;
  --ink-faint:   #8A7E6B;
  --line:        #E7DcC6;
  --line-strong: #D8C9AC;

  /* Semantic */
  --bg:          var(--parchment);
  --card:        #FFFDF8;
  --card-raise:  #FFFFFF;
  --accent:      var(--kesari);
  --accent-2:    var(--harit);

  /* Tag hues (used to colour tree nodes by kind) */
  --tag-revolutionary: #C0392B;
  --tag-constitutionalist: #1F6FB2;
  --tag-leader:  #7A3E9D;
  --tag-event:   #B8860B;
  --tag-legal:   #0E6606;
  --tag-milestone: #C77800;
  --tag-space:   #3B4A8C;
  --tag-welfare: #17795E;

  /* Type */
  --font-head: "Tiro Devanagari Hindi", "Noto Serif", Georgia, serif;
  --font-body: "Mukta", "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Elevation / shape */
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 22px;  --r-xl: 30px;
  --sh-1: 0 1px 2px rgba(42,33,24,.06), 0 2px 8px rgba(42,33,24,.06);
  --sh-2: 0 6px 20px rgba(42,33,24,.10), 0 2px 6px rgba(42,33,24,.06);
  --sh-3: 0 18px 50px rgba(42,33,24,.18);
  --sh-saffron: 0 10px 30px rgba(233,122,22,.28);

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
  --wrap: 1200px;
}

/* ── Light is the DEFAULT (above). Dark applies ONLY when the user toggles it
   (js/app.js sets data-theme="dark") — it does not follow the OS preference, so
   the site always opens light and the toggle is deterministic. ──────────────*/
:root[data-theme="light"] { color-scheme: light; }

:root[data-theme="dark"] {
  color-scheme: dark;
  --parchment:   #14110C;
  --parchment-2: #1C1710;
  --bg:          #120F0A;
  --card:        #1E1913;
  --card-raise:  #26201A;
  --ink:         #F3E9D6;
  --ink-soft:    #C9BBA2;
  --ink-faint:   #9A8B72;
  --line:        #33291D;
  --line-strong: #43331F;
  --kesari-soft: #3a2a15;
  --harit-soft:  #17301a;
  /* Navy chakra is illegible on a dark ground — lift blues to a legible
     periwinkle so footer text, source links and citations read clearly. */
  --chakra:      #9FB2FF;
  --chakra-soft: #1c1f45;
  --tag-constitutionalist: #6FA8E0;
  --tag-legal:   #58C46B;
  --harit-deep:  #4FB84A;
  --kesari-deep: #FFB25A;
  --sh-1: 0 1px 2px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);
  --sh-2: 0 6px 20px rgba(0,0,0,.45);
  --sh-3: 0 18px 50px rgba(0,0,0,.6);
  --sh-saffron: 0 10px 30px rgba(0,0,0,.5);
}