/* Значения тем. Структура и СТРУКТУРНЫЕ метрики (--pad/--gap/--fs-*) — общие (tokens.css),
   чтобы при смене темы не прыгала раскладка (SC-010). Здесь — только СКИН-значения
   (цвет/тень/свечение/шрифт/радиус-как-форма), переопределяемые по `data-style`.
   style1 (Cloud Diary) — канон из docs/mockups/cloud/F.html (= дефолты tokens.css).
   style2 (Menhera Pixel) — канон из docs/mockups/menhera/F.html, перемаплен на канонические имена.
   Переключение = смена `data-style` на :root → пересчёт переменных без перемонтирования. */

/* ── style1 · Cloud Diary (явно, для симметрии обратного переключения) ── */
:root[data-style="style1"] {
  --bg-1: #eaf6ff;
  --bg-2: #f7fbff;
  --surface: #ffffff;
  --primary: #7fb8f2;
  --on-primary: #0e2a47;
  --accent: #ffb3d1;
  --on-accent: #5a1e38;
  --plate: rgba(255, 255, 255, 0.92);
  --plate-ink: #1e2b3a;
  --ink: #1e2b3a;
  --ink-muted: #5e708a;
  --primary-lite: #a9d2fb;
  --accent-lite: #ffd0e3;
  --glow: 0 6px 20px rgba(127, 184, 242, 0.35);
  --glow-sm: 0 3px 10px rgba(127, 184, 242, 0.28);
  --border-blue: rgba(127, 184, 242, 0.45);
  --rating-star: #ffc93c;
  --r-card: 20px;
  --r-control: 16px;
  --f-display: "Comfortaa", system-ui, sans-serif;
  --f-body: "Nunito", system-ui, sans-serif;
  --f-accent: "Nunito", system-ui, sans-serif;
}

/* ── style2 · Menhera Pixel: фиолет-маджента + электрик-циан, неон, пиксель-форма ──
   Канон docs/mockups/menhera/F.html. Структурные --pad/--gap НЕ переопределяем (нет
   прыжка layout). Радиус — как форма скина (меньше → «пиксельные» углы). */
:root[data-style="style2"] {
  /* поверхности (menhera --bg/--surface) */
  --bg-1: #241640;
  --bg-2: #1b1030;
  --surface: #2e1c52;
  /* основной / акцент */
  --primary: #ff4fa3;
  --on-primary: #3a0820;
  --accent: #3fc8ff;
  --on-accent: #04222f;
  /* плашка витрины (WCAG-критичная пара) */
  --plate: rgba(255, 255, 255, 0.94);
  --plate-ink: #1e1230;
  /* текст: на тёмной поверхности — светлый; на плашке — --plate-ink */
  --ink: #f2e9ff;
  --ink-muted: #c6b6f0; /* = menhera --ink-muted-on-dark */
  /* состояния */
  --ok: #5be39b;
  --warn: #ffd24b;
  --warn-ink: #ffd24b; /* «зависший»-акцент: яркий амбер читаем на тёмном фоне Menhera */
  --err: #ff5c7a;
  --rating-star: #ffd24b;
  /* светлые акценты для градиентов/заливок */
  --primary-lite: #ff8fc4;
  --accent-lite: #8fe0ff;
  /* эффекты: неон вместо мягкой тени */
  --glow: 0 0 14px rgba(255, 79, 163, 0.6); /* = menhera --glow-pink */
  --glow-sm: 0 0 8px rgba(255, 79, 163, 0.45);
  --border-blue: #4a2f7a; /* generic-граница в палитре menhera */
  /* радиус-как-форма (пиксельные углы) */
  --r-card: 10px;
  --r-control: 10px;
  /* шрифты */
  --f-display: "Pixelify Sans", system-ui, sans-serif;
  --f-body: "Nunito", system-ui, sans-serif;
  --f-accent: "VT323", monospace;
  /* menhera-специфичные токены (для компонентного скина в styles.css) */
  --pixel: 4px;
  --pix-shadow: 4px 4px 0 #11081f;
  --pix-border: #11081f;
  --glow-pink: 0 0 14px rgba(255, 79, 163, 0.6);
  --glow-cyan: 0 0 14px rgba(63, 200, 255, 0.6);
}