/* ───────────────────────────────────────────────────────────────────────────
   "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                            */
  /* 2026-08-03: комментарий обещал AA, а по факту #6C7280 на --bg = 4.27:1 — ниже нормы.
     Как и с --accent-strong ниже, чиним ЗНАЧЕНИЕ, а не комментарий: #656B79 даёт 4.73 на
     --bg, 5.34 на --card, 5.03 на --card-2. Тон тот же. */
  --muted: #656B79;         /* secondary text, hints (AA on --bg, 4.73:1) */
  /* 2026-08-03: было #9AA0AD — 2.32:1 на --bg, 2.62 на --card. Токен называется «faint», но
     используется как ТЕКСТ мелким кеглем (.optsec 11px, .progress 11px, .sb-label 10px,
     .chat-time 10px, .card-x 14px), а не только под шевроны. #676E7E — тот же тон, проходит
     везде: 4.53 / 5.11 / 4.82. */
  --faint: #676E7E;         /* small secondary text, chevrons (AA ≥4.5:1) */
  --accent: #D97A12;        /* amber — fills (buttons, selected)        */
  /* 2026-08-02: было #B5640A с этим же обещанием — и оно НЕ выполнялось нигде: 4.38:1 на
     --card, 4.13:1 на --card-2, 3.88:1 на --bg. Токен используется как ТЕКСТ мелким кеглем
     (.email-title 13px, ссылки в чате, .chat-ts), поэтому чинили значение, а не комментарий.
     #A35A09 — тот же тон (h≈31.6°), проходит везде: 5.22 / 4.92 / 4.62. */
  --accent-strong: #A35A09; /* 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                  */
  /* --wash — те самые янтарные переливы фона. Применение: `background: var(--wash), var(--bg)`.
     МОЖНО: хедеры, промо-подложки, пустые состояния, лендинги.
     НЕЛЬЗЯ: под таблицами, списками и формами — на длинном экране пятно уезжает и читается
     грязью. В расширении не применять вовсе: под ним ЧУЖОЙ фон Polymarket. */
  --wash:
    radial-gradient(70% 90% at 82% 6%,  rgba(217,122,18,.10) 0%, rgba(217,122,18,0) 58%),
    radial-gradient(60% 80% at 2% 100%, rgba(217,122,18,.05) 0%, rgba(217,122,18,0) 55%);
  --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) — проверено 2026-08-03, обещание верно */
  /* 2026-08-03: было #565C6E — 2.90:1 на --bg, 2.64 на --card, 2.45 на --card-2, то есть
     провал во всех трёх. #80879C — тот же тон, даёт 5.39 / 4.91 / 4.55. */
  --faint: #80879C;         /* small secondary text, chevrons (AA ≥4.5:1) */
  --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 */
  --wash:                                 /* вдвое плотнее светлой — на near-black её иначе не видно */
    radial-gradient(70% 90% at 82% 6%,  rgba(242,148,27,.16) 0%, rgba(242,148,27,0) 58%),
    radial-gradient(60% 80% at 2% 100%, rgba(242,148,27,.07) 0%, rgba(242,148,27,0) 55%);
  --shadow-card: none;
  --shadow-pop: 0 14px 40px -12px rgba(0,0,0,.7);
}