/* Тема CRM, ЛК и биржи: все цвета и шрифты — здесь (палитра сайта podoakademiya-nsk.ru).
   Светлая — по умолчанию; тёмная — <html data-theme="dark"> или «как в системе» (prefers-color-scheme).
   Контраст пар текст/фон — WCAG AA (≥ 4,5:1), см. отчёт 28.10.2026. Фирменный #B1A08A под белым текстом
   не проходит (2,5:1) — для заливки кнопок взят затемнённый #7A6A55, #B1A08A — подложки и акценты. */

/* Заголовки и надпись в шапке — Cormorant (OFL, локально). Federov2 — когда заказчик передаст файл. */
@font-face {
  font-family: "Cormorant"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/cormorant-cyrillic-600-normal.787515c0ce20.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Cormorant"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/cormorant-latin-600-normal.ab7fecc539c9.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122;
}

:root {
  color-scheme: light;
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Cormorant", Georgia, "Times New Roman", serif;
  --font-size: 16px;
  --font-size-sm: 14px;

  --color-brand: #b1a08a;            /* фирменный тёплый бежево-серый */
  --color-bg: #f6f6f6;
  --color-surface: #ffffff;
  --color-surface-2: #efefef;
  --color-text: #1f1f1f;
  --color-muted: #6b6660;            /* #777 сайта на белом — 4,48:1, чуть затемнён до AA */
  --color-border: #e2dfda;
  --color-primary: #7a6a55;          /* заливка кнопок: белый текст 5,2:1 */
  --color-primary-hover: #66584a;
  --color-primary-text: #ffffff;
  --color-primary-soft: #efebe4;     /* активный пункт меню, бейджи */
  --color-link: #6f604c;
  --color-nav-active: #5c4f3e;
  --color-accent: #ff8562;           /* коралловый — только счётчики и «новое» */
  --color-accent-text: #1f1f1f;
  --color-danger: #a3352a;
  --color-danger-soft: #f8e6e3;
  --color-warn: #7a5200;
  --color-warn-soft: #f6edd9;
  --color-success: #2f6b3e;
  --color-success-soft: #e6f0e8;
  --color-info: #3f5e78;
  --color-info-soft: #e5ecf2;
  --color-sidebar: #ffffff;
  --color-sidebar-text: #1f1f1f;
  --color-overlay: rgba(31, 31, 31, .4);
  --color-video: #000000;            /* поле видеоплеера и тень водяного знака */
  --color-video-mark: rgba(255, 255, 255, .35);
  --color-chart-1: #7a6a55;
  --color-chart-2: #4f8a5f;
  --color-chart-3: #c47a3f;
  --color-chart-4: #3f5e78;
  --color-chart-grid: #e2dfda;
  --color-chart-text: #6b6660;

  --radius: 12px;                    /* поля, мелкие элементы */
  --radius-btn: 14px;                /* кнопки — как на сайте (15px) */
  --radius-card: 16px;
  --shadow: 0 1px 2px rgba(31, 31, 31, .06);
  --sidebar-width: 240px;
  --topbar-height: 56px;
}

/* Тёмная тема: явный выбор… */
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #1f1f1f;
  --color-surface: #2a2826;
  --color-surface-2: #33302d;
  --color-text: #edeae5;
  --color-muted: #a8a196;
  --color-border: #3e3a35;
  --color-primary: #b1a08a;          /* на тёмном фирменный проходит: тёмный текст на кнопке 6,5:1 */
  --color-primary-hover: #c2b39f;
  --color-primary-text: #1f1f1f;
  --color-primary-soft: #3a342d;
  --color-link: #c9b79e;
  --color-nav-active: #edeae5;
  --color-danger: #f0968a;
  --color-danger-soft: #3d2522;
  --color-warn: #e0b866;
  --color-warn-soft: #3a3020;
  --color-success: #8cc79a;
  --color-success-soft: #24352a;
  --color-info: #9dbeda;
  --color-info-soft: #22303a;
  --color-sidebar: #262422;
  --color-sidebar-text: #edeae5;
  --color-overlay: rgba(0, 0, 0, .6);
  --color-chart-1: #b1a08a;
  --color-chart-2: #8cc79a;
  --color-chart-3: #e0a46f;
  --color-chart-4: #9dbeda;
  --color-chart-grid: #3e3a35;
  --color-chart-text: #a8a196;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
/* …или «как в системе» (по умолчанию), если в ОС тёмная тема — те же значения */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --color-bg: #1f1f1f;
    --color-surface: #2a2826;
    --color-surface-2: #33302d;
    --color-text: #edeae5;
    --color-muted: #a8a196;
    --color-border: #3e3a35;
    --color-primary: #b1a08a;
    --color-primary-hover: #c2b39f;
    --color-primary-text: #1f1f1f;
    --color-primary-soft: #3a342d;
    --color-link: #c9b79e;
    --color-nav-active: #edeae5;
    --color-danger: #f0968a;
    --color-danger-soft: #3d2522;
    --color-warn: #e0b866;
    --color-warn-soft: #3a3020;
    --color-success: #8cc79a;
    --color-success-soft: #24352a;
    --color-info: #9dbeda;
    --color-info-soft: #22303a;
    --color-sidebar: #262422;
    --color-sidebar-text: #edeae5;
    --color-overlay: rgba(0, 0, 0, .6);
    --color-chart-1: #b1a08a;
    --color-chart-2: #8cc79a;
    --color-chart-3: #e0a46f;
    --color-chart-4: #9dbeda;
    --color-chart-grid: #3e3a35;
    --color-chart-text: #a8a196;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4);
  }
}