/* ───────────────────────────────────────────────────────────────────────────
   "THE ORACLE" — design tokens (Stage 4: ОБЩИЙ файл двух mini-app).
   Канон — pulse-app miniapp/web/tokens.css; копия — convicta-news-app miniapp/web/.
   Правка палитры/типографики = парный push в ОБА репо (зеркало ловит
   scripts/tests/test_oss_mirror.py). Подключается <link> ПЕРЕД style.css.

   Brand world: the all-seeing eye over the prediction markets. A single amber
   accent (#F2941B) glowing on a near-black ground; warm-bone ink; Space Grotesk
   for headlines and Space Mono for data + labels.
   ─────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── LIGHT theme — "parchment" (warm bone ground, deep-navy ink, amber accent) ── */
  --bg: #F4F1E9;            /* app background (warm bone)               */
  --card: #FFFFFF;          /* cards / plates / inputs / option rows    */
  --card-2: #FBF8F0;        /* nested / inset surfaces                  */
  --ink: #16191F;           /* primary text                            */
  --muted: #6C7280;         /* secondary text, hints (AA on --bg)       */
  --faint: #9AA0AD;         /* chevrons, disabled glyphs                */
  --accent: #D97A12;        /* amber — fills (buttons, selected)        */
  --accent-strong: #B5640A; /* amber TEXT on light (AA ≥4.5:1)          */
  --accent-ink: #16191F;    /* text/icon over an amber fill (dark)      */
  --accent-soft: rgba(217,122,18,.10); /* tinted selected backgrounds   */
  --line: #E4DFD2;          /* borders, dividers, off-switch track      */
  --line-2: #EFE9DC;        /* faint inner dividers (menu rows)         */
  --yes: #1E9E6A;           /* outcome Yes / positive move              */
  --no:  #D2452F;           /* outcome No / negative move / errors      */
  --switch-knob: #FFFFFF;   /* switch thumb                            */
  --switch-off: #9AA0AD;    /* off-state thumb                         */
  --glow: none;             /* no glow in light theme                  */
  --shadow-card: 0 1px 2px rgba(20,16,8,.05);
  --shadow-pop: 0 10px 30px -10px rgba(20,16,8,.18);
  --logo-ink: #8A8F9E;      /* (consumed via logo.svg fallback)        */
  --logo-accent: #D97A12;

  /* ── type ── */
  --font-body: -apple-system, "SF Pro Text", Roboto, "Segoe UI", system-ui, sans-serif;
  --font-head: "Space Grotesk", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;
  /* motion + tap target (THE ORACLE reference token system) */
  --ease: cubic-bezier(.2, .6, .2, 1); --dur-fast: .12s; --dur-switch: .16s; --dur-page: .32s; --tap-min: 44px;
}

[data-theme="dark"] {
  /* ── DARK theme — "The Oracle" (near-black, amber glow) ── */
  --bg: #0B0E15;
  --card: #151922;
  --card-2: #1B202B;
  --ink: #ECE9E1;           /* warm bone */
  --muted: #868C9B;         /* AA on --bg (~5.9:1) */
  --faint: #565C6E;
  --accent: #F2941B;
  --accent-strong: #F2941B; /* amber reads cleanly on dark already */
  --accent-ink: #0B0E15;    /* near-black over amber */
  --accent-soft: rgba(242,148,27,.10);
  --line: #242A36;
  --line-2: #1A1F29;
  --yes: #34C98B;
  --no:  #F2604A;
  --switch-knob: #0B0E15;
  --switch-off: #6B7280;
  --glow: 0 0 14px rgba(242,148,27,.35);  /* amber halo on active controls */
  --shadow-card: none;
  --shadow-pop: 0 14px 40px -12px rgba(0,0,0,.7);
}