/* Nyataka shared tokens — landing + app + admin, v4 (2026-10-24).
   Values merged verbatim from the handoff's nyataka-v4.css. Dark is the
   default; light comes from [data-theme="light"] on any ancestor (the landing
   sets it on the page root, the app on <html>/[data-theme]).
   The older --base/--raised/--deep/--soft/r-* names are kept as aliases so the
   pages that have not been rebuilt yet do not lose their palette. */
:root, [data-theme="dark"] {
  --bg: #0d0d0e; --bg-2: #131315; --surface: #18181b; --surface-2: #202024; --surface-3: #2a2a2f;
  --line: rgba(255,255,255,.08); --line-2: rgba(255,255,255,.14);
  --ink: #f5f4f1; --body: rgba(245,244,241,.76); --muted: rgba(245,244,241,.58);
  --red: #e40000; --red-press: #c10000; --red-text: #ff6a5c; --on-red: #ffffff;
  --yellow: #f1d11a; --yellow-text: #f1d11a; --mark: rgba(241,209,26,.22); --mark-line: rgba(241,209,26,.6);
  --ok: #4ed38a;
  --glow: rgba(228,0,0,.38); --shadow: 0 40px 120px -40px rgba(0,0,0,.85), 0 12px 32px -12px rgba(0,0,0,.6);
  --hi: inset 0 1px 0 rgba(255,255,255,.06);
  --f-sans: 'Geist', system-ui, sans-serif; --f-mono: 'Geist Mono', ui-monospace, monospace; --f-serif: 'Instrument Serif', Georgia, serif;

  /* Legacy aliases (v2/v3 pages still in flight). */
  --base: var(--bg); --raised: var(--surface-2); --deep: var(--bg-2); --soft: var(--surface);
  --red-strong: var(--red-press); --grey: var(--muted); --tint: rgba(255,255,255,.08); --nav-bg: rgba(13,13,14,.9);
  --radius-band: 44px;
  --r-card: 20px; --r-inner: 12px; --r-sm: 8px; --r-pill: 999px; --r-mark: 28%; --r-bubble: 38% 38% 38% 12%;
  --f-display: var(--f-sans); --f-body: var(--f-sans);
  --z-nav: 20; --z-skip: 30; --z-toast: 40;
}
[data-theme="light"] {
  --bg: #f6f5f2; --bg-2: #efeeea; --surface: #ffffff; --surface-2: #f4f3f0; --surface-3: #e9e8e4;
  --line: rgba(20,20,20,.08); --line-2: rgba(20,20,20,.14);
  --ink: #141414; --body: rgba(20,20,20,.76); --muted: rgba(20,20,20,.6);
  --red-text: #b80000; --yellow-text: #6b5300; --mark: rgba(241,209,26,.38); --mark-line: rgba(160,130,0,.6);
  --ok: #1f7a46;
  --glow: rgba(228,0,0,.16); --shadow: 0 40px 100px -40px rgba(30,20,10,.35), 0 10px 28px -14px rgba(30,20,10,.25);
  --hi: inset 0 1px 0 rgba(255,255,255,.9);
  --grey: var(--muted); --tint: rgba(20,20,20,.05); --nav-bg: rgba(246,245,242,.9);
}