/* STANDARD § 2.2 — імена токенів фіксовані, ЗНАЧЕННЯ належать застосунку.
   Це і є «Design DNA, не шаблон»: Radar — газета, Hub — скло, і обидва
   називають те саме тими самими іменами. Числа шкал — canon.json. */
:root{
  /* шкала кеглів — 7 кроків, більше не заводити */
  --fs-eyebrow:10.5px; --fs-xs:11.5px; --fs-sm:13px; --fs-md:14px;
  --fs-lg:16px; --fs-xl:22px; --fs-hero:32px;
  /* радіуси — 3 кроки */
  --radius-sm:6px; --radius-md:10px; --radius-lg:18px;
  /* тіні — 3 кроки */
  --shadow-1:0 1px 2px rgba(15,23,42,.04);
  --shadow-2:0 4px 12px rgba(15,23,42,.08);
  --shadow-3:0 12px 32px rgba(99,102,241,.18);
  /* рух — один підйом, ніколи scale() */
  --ease-out:cubic-bezier(0.22,0.61,0.36,1);
  --dur-fast:120ms; --dur-med:200ms; --dur-slow:400ms;
}
/* Світла — документ: пласка, тепла, стримана. Значення нижче — приклад; свої. */
:root,[data-theme="light"]{
  --bg:#faf9f5; --bg-2:#fff; --card:#fff; --card-hover:#fdfcf8;
  --border:rgba(15,23,42,.10); --border-strong:rgba(15,23,42,.18);
  --text:#0f172a; --sub:#334155; --muted:#64748b;
  --accent:#b45309; --green:#15803d; --red:#b91c1c;
}
/* Темна — робоче місце вночі: скло, атмосфера, індиго. */
[data-theme="dark"]{
  --bg:#08090d; --bg-2:#0d1017; --card:rgba(22,25,33,.72); --card-hover:rgba(28,32,42,.85);
  --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.16);
  --text:#f4f5f7; --sub:#a0a4ad; --muted:#6b6f78;
  --accent:#6366f1; --green:#22c55e; --red:#ef4444;
}
/* Числа — завжди моноширинним і табличними цифрами (§ 2.2, моно як граматика) */
.num,td.num,.kpi-val{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
/* Один підйом на всі «воно реагує» (§ 2.2) */
.card:hover,.tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}