/* ==========================================================
   themes.css — 5 тем оформления.
   Тема = набор переменных цвета. Выбранная тема записывается
   в атрибут <html data-theme="..."> (см. js/store.js).
   Чтобы добавить новую тему — скопируй блок и поменяй цвета.
   ========================================================== */

/* Ночная (по умолчанию) — глубокий синий, как на макетах */
:root,
:root[data-theme="night"] {
  --page-bg: #040a18;
  --bg: linear-gradient(180deg, #0a1330 0%, #070d22 100%);
  --surface: #121c3d;
  --surface-2: #19254d;
  --border: #26346a;
  --text: #f1f4ff;
  --text-muted: #94a0c8;
  --accent: #6b7cff;
  --accent-2: #8f6bff;
  --accent-text: #ffffff;
  --good: #3ecf8e;
  --good-bg: rgba(62, 207, 142, 0.14);
  --bad: #ff6b7d;
  --bad-bg: rgba(255, 107, 125, 0.14);
  --warn: #ffb547;
  --shadow-phone: 0 30px 80px rgba(0, 0, 0, 0.6);
  --bubble-user: #5b6cff;
  --bubble-user-text: #ffffff;
}

/* Светлая */
:root[data-theme="day"] {
  --page-bg: #e7ebf5;
  --bg: linear-gradient(180deg, #f7f9ff 0%, #eef2fb 100%);
  --surface: #ffffff;
  --surface-2: #f1f4fc;
  --border: #d9e0f2;
  --text: #1a2142;
  --text-muted: #6a7499;
  --accent: #4f63f0;
  --accent-2: #7a5cf0;
  --accent-text: #ffffff;
  --good: #1fa86f;
  --good-bg: rgba(31, 168, 111, 0.12);
  --bad: #e0455a;
  --bad-bg: rgba(224, 69, 90, 0.1);
  --warn: #e89a1c;
  --shadow-phone: 0 30px 80px rgba(40, 60, 120, 0.25);
  --bubble-user: #4f63f0;
  --bubble-user-text: #ffffff;
}

/* Голубая — нежно-голубая, "клиническая" */
:root[data-theme="sky"] {
  --page-bg: #d9ecf7;
  --bg: linear-gradient(180deg, #eaf6fd 0%, #dcefff 100%);
  --surface: #ffffff;
  --surface-2: #e6f3fb;
  --border: #bcdcf0;
  --text: #12324a;
  --text-muted: #5c7f96;
  --accent: #1c93cc;
  --accent-2: #38b0dd;
  --accent-text: #ffffff;
  --good: #1fa86f;
  --good-bg: rgba(31, 168, 111, 0.12);
  --bad: #e0455a;
  --bad-bg: rgba(224, 69, 90, 0.1);
  --warn: #e89a1c;
  --shadow-phone: 0 30px 80px rgba(30, 100, 150, 0.25);
  --bubble-user: #2aa5de;
  --bubble-user-text: #ffffff;
}

/* Салатовая — свежий светло-зелёный */
:root[data-theme="lime"] {
  --page-bg: #e3f3d3;
  --bg: linear-gradient(180deg, #f2fbe6 0%, #e3f5cf 100%);
  --surface: #ffffff;
  --surface-2: #eaf7d9;
  --border: #c8e4a8;
  --text: #20361a;
  --text-muted: #647a58;
  --accent: #479f1f;
  --accent-2: #6dbb34;
  --accent-text: #ffffff;
  --good: #2e9e4a;
  --good-bg: rgba(46, 158, 74, 0.12);
  --bad: #e0455a;
  --bad-bg: rgba(224, 69, 90, 0.1);
  --warn: #d98f10;
  --shadow-phone: 0 30px 80px rgba(60, 110, 30, 0.25);
  --bubble-user: #5db82e;
  --bubble-user-text: #ffffff;
}

/* Фиолетовая — тёмная "Focus" */
:root[data-theme="violet"] {
  --page-bg: #0c0716;
  --bg: linear-gradient(180deg, #1a1033 0%, #120a26 100%);
  --surface: #241846;
  --surface-2: #2d1f58;
  --border: #46338a;
  --text: #f5f0ff;
  --text-muted: #a99cd0;
  --accent: #9b6bff;
  --accent-2: #c46bff;
  --accent-text: #ffffff;
  --good: #3ecf8e;
  --good-bg: rgba(62, 207, 142, 0.14);
  --bad: #ff6b8a;
  --bad-bg: rgba(255, 107, 138, 0.14);
  --warn: #ffb547;
  --shadow-phone: 0 30px 80px rgba(0, 0, 0, 0.6);
  --bubble-user: #8a5cf0;
  --bubble-user-text: #ffffff;
}