@font-face {
  font-family: 'MagDisplay';
  src: url('/assets/fonts/fraunces-subset.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0400-04FF, U+2010-2019;
}
:root {
  color-scheme: dark;
  --bg: #0e0a17;
  /* Прозрачность панелей (2026-08-28, консультация Opus; ещё прозрачнее —
     29.08, владелец: "сделай ещё больше прозрачности для окон"). Было
     0.68/0.60, теперь 0.50/0.42 — alpha по-прежнему близкие, шва в
     .panel-градиенте (linear-gradient var(--panel)→var(--panel-2)) не
     возникает. Тёмный тон с каплей фиолета (не чистый rgba(0,0,0,X)), чтобы
     не читалось "дырками" на светлых золотых участках туманности и
     сохраняло связь с --accent. Solid-резерв ниже — для мест, где
     непрозрачность обязательна (тарот card-flip, "нажимаемые" кнопки). */
  --panel: rgba(8, 5, 20, 0.50);
  --panel-2: rgba(8, 5, 20, 0.42);
  --panel-solid: #1b1530;
  --panel-2-solid: #241c3d;
  --accent: #a889ff;
  --accent2: #f0c76a;
  --text: #ece6ff;
  --muted: #9a8fc0;
  --border: rgba(178, 141, 255, 0.16);
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 20px 40px -20px rgba(0, 0, 0, 0.6);
  /* Единая шкала скруглений (раньше было случайно 8/10/14px в разных местах —
     теперь два уровня + пилюля, применяются последовательно ко всем контролам). */
  --radius-sm: 10px;   /* кнопки, инпуты, вкладки */
  --radius-lg: 16px;   /* панели */
  --radius-pill: 999px; /* чипы, бейджи */
  --focus-ring: 0 0 0 3px rgba(168, 137, 255, 0.45);
}