/* ═══════════════════════════════════════════════════════════════════════
   aurora-tokens.css v1 — дизайн-токены TopQuiz («Aurora Dossier»)
   Эталон значений: js/share_stat.css. Подключать ПЕРВЫМ из стилей.
   Тема: html.dark-mode (механика приложения) И :root[data-theme] (share_stat).
   Не переопределяет ничего сам по себе — только объявляет переменные + алиасы
   к легаси-именам, чтобы существующие инлайн-стили не ломались во время миграции.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* — Бренд — */
  --violet:#7B2FFF; --coral:#E94A75; --gold:#E0A21B; --teal:#12A87A;
  --accent:#7B2FFF;                       /* контекстный акцент, переопределяемый */

  /* — Поверхности (светлая тема, дефолт — лавандовая) — */
  --bg:#EEEAFA;
  --card:rgba(255,255,255,.72);           --card-brd:rgba(26,21,48,.08);
  --panel:rgba(123,47,255,.06);           --line:rgba(26,21,48,.11);
  --text:#191430; --muted:#5B5480; --dim:#8B84A8;
  --grad-base:#191430;
  --amb:.30;
  --shadow:0 30px 70px -28px rgba(80,40,140,.34);
  --hair:rgba(26,21,48,.08); --sheen:rgba(255,255,255,.55);

  /* — Семантика верно/неверно — */
  --good-bg:rgba(18,168,122,.12); --good-brd:rgba(18,168,122,.4); --good:#0E8E67;
  --bad-bg:rgba(233,74,117,.10);  --bad-brd:rgba(233,74,117,.4);  --bad:#C43060;

  /* — Геометрия — */
  --r-xl:28px; --r-l:16px; --r-m:12px; --r-s:9px;

  /* — Шрифт — */
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;

  /* — Алиасы к легаси-переменным (чтобы старый CSS работал; страница может их
       переопределить своим инлайн-<style>, т.к. он идёт позже в каскаде) — */
  --primary:var(--coral); --primary-hover:#d63d66; --primary-light:rgba(233,74,117,.10);
  --bg-page:var(--bg); --bg-card:#FFFFFF; --card-soft:#F7F9FC;
  --text-main:var(--text); --text-secondary:var(--muted);
  --line-strong:rgba(26,21,48,.14);
}

/* Тёмная тема — обе механики разом (детерминированно, без media-query,
   чтобы не конфликтовать с cookie-выбором приложения). */
html.dark-mode, :root[data-theme="dark"]{
  --bg:#070A14;
  --card:rgba(12,16,32,.60);              --card-brd:rgba(255,255,255,.09);
  --panel:rgba(255,255,255,.055);         --line:rgba(255,255,255,.09);
  --text:#F4F7FF; --muted:#AEB8D6; --dim:#7A85A8;
  --grad-base:#FFFFFF;
  --amb:.85;
  --shadow:0 40px 100px -30px rgba(0,0,0,.85);
  --hair:rgba(255,255,255,.07); --sheen:rgba(255,255,255,.10);

  --gold:#F4C24E; --teal:#3FE0B0;
  --good-bg:rgba(63,224,176,.12); --good-brd:rgba(63,224,176,.4); --good:#5FEBBE;
  --bad-bg:rgba(233,74,117,.12); --bad-brd:rgba(233,74,117,.42); --bad:#FF9BB3;

  /* легаси-алиасы для тёмной */
  --bg-card:#141A2B; --card-soft:#101627;
  --line-strong:rgba(255,255,255,.14);
}