/* Сгенерировано scripts/build_tokens.py из design/. Руками не править:
   правка будет затёрта, а проверка дрейфа в CI станет красной. */

:root {
  --brand: #6a3fb5;
  --chip-reset-line: #4a3a3a;
  --chip-reset-text: #ff9b9b;
  --danger: #ff8a8a;
  --sub-active-line: #2d5c3a;
  --video-bg: #000000;
  --radius-lg: 12px;
  --radius-md: 9px;
  --radius-round: 50%;
  --radius-sm: 8px;
  --space-lg: 16px;
  --space-md: 14px;
  --space-sm: 9px;
  --space-xl: 24px;
  --space-xs: 6px;
  --space-xxl: 28px;
}

/* Тёмная тема — значение по умолчанию: ролики смотрят вечером. */
:root,
[data-theme="dark"] {
  --bg: #0f1116;
  --panel: #171a21;
  --text: #e8eaee;
  --muted: #98a0ae;
  --accent: #4da3ff;
  --line: #242833;
  --link: #7cc0ff;
  --link-visited: #9fb8d4;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --on-accent: #06121f;
  --field-bg: #11141a;
  --badge-free-bg: #17331f;
  --badge-free-text: #6ee7a0;
  --badge-lock-bg: #2a2233;
  --badge-lock-text: #c39bff;
}

/* Светлая тема: те же переменные, другие значения. */
[data-theme="light"] {
  --bg: #f6f7f9;
  --panel: #ffffff;
  --text: #1a1d23;
  --muted: #5d6673;
  --accent: #1b6fd6;
  --line: #dfe3e9;
  --link: #1b6fd6;
  --link-visited: #6b4fa8;
  --shadow: 0 10px 30px rgba(15, 20, 30, 0.12);
  --on-accent: #ffffff;
  --field-bg: #ffffff;
  --badge-free-bg: #e4f7ea;
  --badge-free-text: #1d7a3d;
  --badge-lock-bg: #f0e9fb;
  --badge-lock-text: #6a3fb5;
}