/* Design tokens: CSS-переменные тем, цветов фаз и базовых размеров.
   Всё остальное оформление — в base.css, nav.css, timer.css и страничных CSS. */
:root{
  /* — палитра тёмной темы (по умолчанию) — */
  --bg-1:#0a1424;
  --bg-2:#13243d;
  --bg-elev:rgba(255,255,255,.05);
  --bg-elev-2:rgba(255,255,255,.09);
  --bg-grad:radial-gradient(1200px 800px at 20% 10%, #1a3357 0%, var(--bg-1) 55%, #060c18 100%);
  --fg:#e8f1ff;
  --muted:#8aa3c4;
  --border:rgba(255,255,255,.13);
  --border-soft:rgba(255,255,255,.06);

  /* — акценты — */
  --accent:#7fd1ff;
  --accent-soft:rgba(127,209,255,.16);
  --accent-border:rgba(127,209,255,.32);
  --accent-fg:#06203a;

  /* — фазы дыхания — */
  --inhale:#7fd1ff;
  --hold:#c8a8ff;
  --exhale:#9ee9c5;

  /* — семантические цвета (Phase 6) — */
  --ok:#8ee0a4;
  --warn:#ffc35c;
  --danger:#ff9b9b;

  /* — служебное — */
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --radius-sm:9px;
  --radius:13px;
  --radius-lg:18px;
  --nav-h:54px;

  /* — размер «сцены» таймера: фоллбэк vh + переопределение dvh — */
  --r:min(62vmin, calc(100vh - 500px), 400px);
  --r:min(62vmin, calc(100dvh - 500px), 400px);

  /* theme-color метатега обновляется JS в theme.js; здесь — синхронный дефолт */
  color-scheme: dark;
}