/* Realty of India — design tokens
*
* Palette + fonts restored to the original Claude Design spec
* (project/Realty of India.html): warm ivory/ink/saffron neutrals,
* Instrument Serif for display, Geist for body, Noto Sans Devanagari
* for Hindi.
*
* Infrastructure improvements retained from later passes:
* - 17px root font-size + explicit body line-height for 40–60 y/o eyes
* - contrast-tightened ink tiers that pass WCAG AA on ivory
* - [data-theme="dark"] + prefers-color-scheme fallback
* - `--fs-*` scale, `--lh-*` tokens, `--tap` touch-target baseline
*
* Do NOT introduce cream/maroon/marigold/Playfair/Mukta here — those
* were a festive experiment; the winning direction is the original
* warm-editorial palette. Festive lives only as a seasonal override
* (future `[data-season="diwali"]` block).
*/
:root {
/* ── Colors (oklch) ─────────────────────────────────────────── */
--ivory: oklch(0.985 0.008 85);
--ivory-2: oklch(0.965 0.012 85);
--paper: oklch(0.995 0.004 85);
--paper-2: oklch(0.975 0.010 85);
--line: oklch(0.90 0.012 80);
--line-2: oklch(0.84 0.015 80);
/* Ink tiers — AA-tightened from the original for better readability
* on ivory without changing the warm-neutral feel.
* ink → body text (≥ 7:1 AAA)
* ink-2 → secondary (≥ 7:1)
* ink-3 → tertiary / meta (≥ 4.5:1)
* ink-4 → decorative only (≥ 3:1) — never for content. */
--ink: oklch(0.22 0.015 60);
--ink-2: oklch(0.32 0.012 60);
--ink-3: oklch(0.44 0.010 60);
--ink-4: oklch(0.56 0.008 60);
--saffron: oklch(0.68 0.16 55);
--saffron-deep: oklch(0.48 0.17 48); /* AA-passing text variant on ivory */
--saffron-soft: oklch(0.95 0.035 75);
--green: oklch(0.50 0.12 155);
--green-soft: oklch(0.94 0.03 155);
--red: oklch(0.52 0.17 25);
--red-soft: oklch(0.95 0.03 25);
/* Semantic aliases — promoted from `var(--name, #hex)` fallbacks that
* accumulated in app.css without ever being defined here. Values match
* the fallback hexes verbatim so zero visual change; the call sites
* now resolve through tokens.css instead of silently using the hex
* fallback. Tighten / replace with oklch later as the design matures. */
--surface: #fff;
--surface-2: #fafafa;
--border: #e8e8e8;
--accent: #c62b3f;
--accent-soft: #fff1f3; /* matches the inline fallback at .dash-action chips */
/* ── Discovery card tones (homepage metro / locality grids) ─────
* 6 tone pairs used by .ph-card--{tone} modifier classes. Each
* pair renders as a 135° linear-gradient in the card body. Hues
* are clustered around the existing warm-neutral palette (saffron,
* sand, ivory, charcoal, rose, sage) so cards feel coherent
* regardless of which tone a city/locality is hashed to.
* Lightness held high (0.84–0.97) so dark ink text stays AA. */
--card-tone-saffron-a: oklch(0.93 0.06 75);
--card-tone-saffron-b: oklch(0.86 0.10 60);
--card-tone-ivory-a: oklch(0.97 0.012 85);
--card-tone-ivory-b: oklch(0.92 0.020 80);
--card-tone-sand-a: oklch(0.94 0.04 70);
--card-tone-sand-b: oklch(0.86 0.06 65);
--card-tone-charcoal-a: oklch(0.90 0.005 60);
--card-tone-charcoal-b: oklch(0.80 0.010 60);
--card-tone-rose-a: oklch(0.93 0.04 30);
--card-tone-rose-b: oklch(0.85 0.06 25);
--card-tone-sage-a: oklch(0.93 0.03 145);
--card-tone-sage-b: oklch(0.85 0.05 145);
/* ── Fonts — original Claude Design spec ─────────────────────── */
--serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
--sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--deva: "Noto Sans Devanagari", var(--sans);
/* ── Typography scale (1rem = 17px on ) ────────────────── */
--fs-xs: 0.76rem; /* 13px */
--fs-sm: 0.88rem; /* 15px */
--fs-base: 1rem; /* 17px — body */
--fs-md: 1.12rem; /* 19px */
--fs-lg: 1.41rem; /* 24px */
--fs-xl: 1.88rem; /* 32px */
--fs-2xl: 2.59rem; /* 44px */
--fs-3xl: 3.4rem; /* 58px — v4 hero pitch */
--fs-4xl: 4.6rem; /* 78px — v4 final-CTA */
/* --fs-input: iOS focus-zoom floor — DO NOT reduce below 16px
without re-auditing every form (covers ,