/* eyrin — дизайн-токены (лист бренда 03.11.2026, чат «Маркетинг»).
   Шрифт: Onest 400/500/600/700 (Google Fonts, лицензия OFL, кириллица). Без сборки — подключить как есть. */

:root {
  /* Бренд */
  --e-accent: #2F5BFF;        /* кобальт: знак, шапка, основные кнопки, активная вкладка */
  --e-accent-press: #1E3FD0;  /* нажатие, текст на светлом акценте */
  --e-accent-soft: #E8EDFF;   /* выделение, бейджи «новое», мягкие кнопки */
  --e-light: #C6F432;         /* «свет агента»: ТОЛЬКО окно в знаке и статус агента. Не для кнопок, бейджей и рисков */
  --e-head: #2F5BFF;          /* кобальтовая шапка главного экрана */

  /* Нейтральные */
  --e-ink: #0E1217;           /* текст */
  --e-muted: #5B6573;         /* подписи (контраст 5,9:1 на белом) */
  --e-line: #E3E6EB;          /* границы карточек */
  --e-bg: #F6F7F9;            /* фон экрана */
  --e-surface: #FFFFFF;       /* карточки, меню, поля */
  --e-segment: #F0F2F5;       /* фон переключателя вкладок */
  --e-switch-off: #D5DAE1;

  /* Риски: норма / внимание / риск */
  --e-ok: #1F8A5B;   --e-ok-soft: #E5F4EC;   --e-ok-text: #17633F;
  --e-warn: #D98A00; --e-warn-soft: #FFF4E0; --e-warn-text: #8A5300;
  --e-risk: #C8322E;

  /* Форма */
  --e-r-card: 20px;           /* карточки; крупные — 22–24px */
  --e-r-input: 14px;
  --e-r-chip: 22px;           /* кнопки-подсказки высотой 44px */
  --e-r-arch: 26px 26px 14px 14px;   /* основная кнопка «арка» (высота 52–54px) */
  --e-r-sheet: 195px 195px 0 0 / 44px 44px 0 0;  /* арка-лист под шапкой, margin-top: -40px */
  --e-touch: 44px;            /* минимальная зона нажатия */

  /* Типографика */
  --e-font: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --e-fs-h1: 30px;  /* заголовок экрана, 600, letter-spacing -0.03em */
  --e-fs-h2: 20px;  /* заголовок карточки, 600 */
  --e-fs-body: 16px;
  --e-fs-sm: 14px;
  --e-fs-caption: 13px;  /* подписи, 500, цвет --e-muted */
  --e-fs-tab: 11px;      /* подписи нижнего меню */
  /* Деньги и проценты: font-variant-numeric: tabular-nums */
}

/* Тёмная тема: по системе, переключатель — в Профиле */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --e-head: #2445D6; --e-accent: #4A6CFF; --e-accent-press: #8FA6FF; --e-accent-soft: #1A2240;
    --e-ink: #F1F3F6; --e-muted: #9AA3B0; --e-line: #252B34; --e-bg: #0B0E13; --e-surface: #151A21;
    --e-segment: #1C222B; --e-switch-off: #39414D; --e-ok: #3BBF84;
  }
}
:root[data-theme="dark"] {
  --e-head: #2445D6; --e-accent: #4A6CFF; --e-accent-press: #8FA6FF; --e-accent-soft: #1A2240;
  --e-ink: #F1F3F6; --e-muted: #9AA3B0; --e-line: #252B34; --e-bg: #0B0E13; --e-surface: #151A21;
  --e-segment: #1C222B; --e-switch-off: #39414D; --e-ok: #3BBF84;
}