/* ТЕМЫ ОФОРМЛЕНИЯ
   Все цвета сайта — только здесь. Чтобы поменять тему, правьте значения ниже.
   Новая тема: скопируйте блок, дайте новое имя в [data-theme="..."] и добавьте его в THEMES в app.js. */

:root, [data-theme="emerald"] {          /* А — Изумруд и золото */
  --bg: #0f2a24;        /* фон страницы */
  --rail: #0a1f1a;      /* боковое и нижнее меню */
  --col: #12322b;       /* колонка списка уроков */
  --card: #173d35;      /* карточки */
  --card2: #1d4a40;     /* второй оттенок карточек, градиент */
  --line: #28574c;      /* рамки */
  --tab: #0c241f;       /* подложка вкладок, полосы прогресса */
  --chip: #24524a;      /* активный пункт меню, номера уроков */
  --text: #f4ecd6;      /* основной текст */
  --muted: #a8bba9;     /* второстепенный текст, перевод */
  --ar: #fff5d8;        /* арабский текст */
  --accent: #d9b45a;    /* главный цвет: кнопки, выделение */
  --on-accent: #1a1407; /* текст на главном цвете */
  --accent2: #4cc49a;   /* «знаю», «прослушан», верно */
  --on-accent2: #0f2a24;
  --bad: #e07a63;       /* неверно */
  --shadow: 0 10px 30px rgba(0,0,0,.25);
  color-scheme: dark;
}

[data-theme="night"] {                   /* Б — Ночной синий и бирюза */
  --bg: #0e1a2f;
  --rail: #091325;
  --col: #122239;
  --card: #172b48;
  --card2: #1d355a;
  --line: #26406a;
  --tab: #0b1628;
  --chip: #21395f;
  --text: #e9f1fc;
  --muted: #93a7c6;
  --ar: #ffffff;
  --accent: #2fd4c5;
  --on-accent: #04201d;
  --accent2: #f5b94c;
  --on-accent2: #1c1405;
  --bad: #ff7d8a;
  --shadow: 0 10px 30px rgba(0,0,0,.3);
  color-scheme: dark;
}

[data-theme="sand"] {                    /* В — Песок и терракота */
  --bg: #f2e6d2;
  --rail: #e6d3b6;
  --col: #ecdcc3;
  --card: #faf2e4;
  --card2: #f5e8d3;
  --line: #dfc9a8;
  --tab: #e3cfae;
  --chip: #ead7bb;
  --text: #3a2a1d;
  --muted: #7c6852;
  --ar: #2c1e12;
  --accent: #c45f3c;
  --on-accent: #ffffff;
  --accent2: #6c7a35;
  --on-accent2: #ffffff;
  --bad: #b23a2a;
  --shadow: 0 10px 30px rgba(90,60,20,.15);
  color-scheme: light;
}