/* Design tokens: "block-print editorial". Handmade ivory paper, indigo ink, marigold and brass lines.
   data-region on <body> (page) and on cards (individually) switches the accent.
   all   = indigo ink + marigold
   north = Jaipur rani pink (Delhi, Agra, Jaipur)
   south = Kerala peacock green (Kochi, Alleppey, Thekkady, Varkala, Trivandrum, Bangalore)
   Dark mode is midnight indigo with brass lines.
   Fonts load from Google Fonts when allowed; the fallbacks below keep the site fine offline. */
:root {
  color-scheme: light dark;
  --font-body: "DM Sans", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Noto Serif", serif;
  --font-label: var(--font-body);
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --font-indic: "Tiro Devanagari Hindi", "Noto Serif Malayalam", "Nirmala UI", "Kohinoor Devanagari", serif;
  --radius: 14px;
  --radius-sm: 10px;
  --tap: 44px;
  --outline: 1px;
  /* spacing scale: use these, not one-off pixel values */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  /* type scale (body is 17px; the smallest label is 12.8px) */
  --t-label: .8rem; --t-small: .9rem; --t-body: 1.0625rem; --t-h3: 1.2rem; --t-h2: 1.5rem; --t-h1: clamp(1.9rem, 7vw, 2.4rem);
  --shadow: 0 1px 2px rgba(29, 38, 71, .05), 0 10px 26px -20px rgba(29, 38, 71, .4);
  --shadow-lift: 0 2px 4px rgba(29, 38, 71, .06), 0 18px 36px -22px rgba(29, 38, 71, .5);
  --tabbar-h: 0px;
  --ease: cubic-bezier(.2, .7, .2, 1);

  /* palette (decorative, same in both schemes) */
  --indigo: #1d2647;
  --ivory: #f7f2e7;
  --marigold: #f0b85a;
  --rani: #a8255f;
  --peacock: #0b6b5f;
}

/* ---------- light: ivory paper, indigo ink ---------- */
:root,
[data-region="all"] {
  --bg: #f7f2e7; --surface: #fffdf8; --surface-2: #f1eadb; --ink: #1d2647; --muted: #4e5574; --line: #e2d6bc; --edge: #a5843f;
  --brass: #b6914a; --brass-soft: #ecdfc2;
  --a: #2f3f86; --a-ink: #fffdf8; --a-soft: #e8eaf5;
  --b: #7d5300; --b-soft: #f7e7c3;
  --gold: #7d5300; --gold-soft: #f7e7c3;
  --focus: #1d2647;
  --ok: #276035; --ok-bg: #e1efdc; --warn: #7a4a00; --warn-bg: #fbeac6; --bad: #9c2129; --bad-bg: #f9e0de;
  --block: #18203f; --block-ink: #f7f2e7; --block-accent: #f0b85a;
  --north: #a8255f; --north-soft: #f9e3ec; --north-ink: #861b4b;
  --south: #0b6b5f; --south-soft: #dcefe9; --south-ink: #08564c;
}
[data-region="north"] {
  --a: #a8255f; --a-ink: #fffdf8; --a-soft: #f9e3ec;
  --b: #7d5300; --b-soft: #f7e7c3;
}
[data-region="south"] {
  --a: #0b6b5f; --a-ink: #fffdf8; --a-soft: #dcefe9;
  --b: #7d5300; --b-soft: #f7e7c3;
}

/* ---------- dark: midnight indigo, brass lines ---------- */
@media (prefers-color-scheme: dark) {
  :root,
  [data-region="all"] {
    --shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 26px -18px rgba(0, 0, 0, .85);
    --shadow-lift: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 36px -20px rgba(0, 0, 0, .9);
    --bg: #0e1326; --surface: #161c36; --surface-2: #1f2645; --ink: #eee8d9; --muted: #b5b8cd; --line: #2d3558; --edge: #b8964f;
    --brass: #c4a15a; --brass-soft: #2f3350;
    --a: #f0bd62; --a-ink: #12182e; --a-soft: #2a3052;
    --b: #ecc67c; --b-soft: #2d2f4a;
    --gold: #ecc67c; --gold-soft: #2d2f4a;
    --focus: #f0bd62;
    --ok: #9fd7aa; --ok-bg: #173529; --warn: #f2c56f; --warn-bg: #33301f; --bad: #ffa2a6; --bad-bg: #3e1d2b;
    --block: #0a0e1f; --block-ink: #f1ead8; --block-accent: #f0bd62;
    --north: #f292bd; --north-soft: #3a2343; --north-ink: #f6b3d1;
    --south: #5fcab6; --south-soft: #15393c; --south-ink: #8ddccc;
  }
  [data-region="north"] {
    --a: #f292bd; --a-ink: #2a0b1b; --a-soft: #3a2343;
    --b: #ecc67c; --b-soft: #2d2f4a;
  }
  [data-region="south"] {
    --a: #5fcab6; --a-ink: #04231e; --a-soft: #15393c;
    --b: #ecc67c; --b-soft: #2d2f4a;
  }
}