/* Дизайн-токены мини-приложения (решение владельца 08.10 «Дизайн», прототип навигации 08.10).
 * Одно место для цветов, шрифтов, радиусов и теней: экраны берут только эти переменные.
 * Палитра — холодная: ночное небо, бирюзовое сияние (cyan) и фиолет-розовая аврора; золота больше нет.
 * Заголовки и логотип — Jura Light, кнопки — Comfortaa, текст — Golos Text (подключены в index.html).
 * Внизу — прежние имена (--gold, --cream, --serif…): старые правила экранов читают их и получают новые цвета;
 * тесты читалки (tests/test_assistant_books*.py) опираются на --glass-line. Заставка и вход — свои --sp-* (splash.css). */
:root {
  color-scheme: dark;

  /* ── небо и поверхности ── */
  --ink: #0b1026;
  --ink-2: #101a3a;
  --ink-3: #0f3b4a;
  --ink-rgb: 11, 16, 38;
  --panel: rgba(16, 24, 58, .62);          /* стекло карточки */
  --panel-2: rgba(10, 16, 40, .78);        /* плотнее: поля, сегменты, меню */
  --panel-3: rgba(16, 24, 58, .38);        /* тише: строки списков */
  --sheet-bg: linear-gradient(180deg, rgba(20, 30, 70, .97), rgba(10, 16, 40, .99));
  --shade: rgba(4, 7, 22, .6);              /* затемнение под шторкой */

  /* ── линии ── */
  --line: rgba(166, 236, 233, .18);
  --line-strong: rgba(166, 236, 233, .42);
  --line-faint: rgba(255, 255, 255, .07);

  /* ── текст ── */
  --text: #eef1fb;
  --text-rgb: 238, 241, 251;
  --text-2: #dfe4f5;                        /* длинный текст: ответы, книги */
  --muted: #9ca6c8;
  --faint: rgba(238, 241, 251, .45);
  --on-accent: #0a0b1a;                     /* текст на светлой заливке */

  /* ── акценты ── */
  --accent: #a6ece9;                        /* бирюзовое сияние: подписи, иконки, выбранное */
  --accent-rgb: 166, 236, 233;
  --violet: #8e7cf0;
  --violet-rgb: 142, 124, 240;
  --pink: #ff8ad8;
  --glow-rgb: 110, 140, 255;                /* мягкое голубое свечение (шар Астры, ореолы) */
  --good: #8fe0b8;
  --warn: #f5c27a;
  --bad: #f39a9a;

  /* ── заливки ── */
  --grad-aurora: linear-gradient(110deg, #8ee8f0, #7b6cf0 30%, #ff8ad8 60%, #8ee8f0);   /* главная кнопка */
  --grad-accent: linear-gradient(135deg, #c4f7f3, #93d9f2 55%, #b3a6f7);                 /* выбранный сегмент, плашка */
  --grad-card: linear-gradient(180deg, rgba(26, 36, 84, .66), rgba(14, 22, 52, .62));   /* выделенная карточка */

  /* ── шрифты ── */
  --f-head: "Jura", "Segoe UI", Arial, sans-serif;
  --f-btn: "Comfortaa", "Segoe UI", Arial, sans-serif;
  --f-body: "Golos Text", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

  /* ── форма ── */
  --r-card: 20px;
  --r-tile: 18px;
  --r-field: 16px;
  --blur: blur(14px);
  --shadow-card: 0 10px 34px rgba(4, 7, 22, .32);
  --shadow-pop: 0 18px 50px rgba(2, 6, 20, .5);
  --focus: 2px solid rgba(166, 236, 233, .75);

  /* ── раскладка ── */
  --rail-w: 232px;                          /* левое меню на компьютере */
  --dock-w: 360px;                          /* Астра справа на компьютере */
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));

  /* ── прежние имена → новые значения ── */
  --night: var(--ink);
  --deep: var(--ink-2);
  --teal: var(--ink-3);
  --gold: var(--accent);
  --gold-soft: rgba(166, 236, 233, .5);
  --amber: var(--warn);
  --cream: var(--text);
  --glass: var(--panel);
  --glass-line: var(--line);
  --serif: var(--f-head);
  --read: var(--f-body);
  --sans: var(--f-body);
}