/* Токены дизайн-системы ЦРМ (UI_REDESIGN_SPEC.md, п. 4.2).
 *
 * Темы: тёмная (по умолчанию), светлая (data-theme="light") и «как в
 * системе» (data-theme="system" — следует prefers-color-scheme).
 * Выбор хранится в localStorage['crm-theme'] и ставится на <html> скриптом
 * в <head> base.html до отрисовки, чтобы страница не мигала.
 *
 * Акцент (--accent) — ТОЛЬКО основная кнопка, активный пункт меню (тонкая
 * полоса), активная вкладка (подчёркивание) и фокус. Зелёный и красный —
 * только смысл денег и статуса.
 */

:root {
  /* поверхности */
  --bg:#0b0d12; --surface:#12151c; --surface-2:#171b24; --surface-3:#1e2330;
  --border:#252b38; --border-strong:#323a4a;
  /* текст */
  --text:#e6e8ee; --text-strong:#ffffff; --muted:#8b93a7; --faint:#7c8499;   /* UI-10: ≥ 4,5:1 на фоне */
  /* акцент */
  --accent:#f97316; --accent-hover:#fb8a3c; --accent-soft:rgba(249,115,22,.14); --on-accent:#ffffff;
  /* D17 аудита 22.10: залитые акцентом кнопки и метки с белым текстом — тёмный оранжевый (5,2 : 1 и 7,3 : 1),
     а не --accent (2,8 : 1 в тёмной теме, 3,6 : 1 в светлой) */
  --accent-fill:#c2410c; --accent-fill-hover:#9a3412;
  /* статусы */
  --success:#22c55e; --success-soft:rgba(34,197,94,.14);
  --danger:#ef4444;  --danger-soft:rgba(239,68,68,.14);
  --warning:#f59e0b; --warning-soft:rgba(245,158,11,.14);
  --info:#3b82f6;    --info-soft:rgba(59,130,246,.14);
  /* форма */
  --radius-sm:6px; --radius:8px; --radius-lg:12px;
  --shadow-pop:0 8px 24px rgba(0,0,0,.45), 0 0 0 1px var(--border);
  --overlay:rgba(0,0,0,.6);
  --focus-ring:0 0 0 3px rgba(249,115,22,.45);
  --font:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* типографика */
  --fs-xs:12px; --fs-sm:13px; --fs:14px; --fs-md:16px; --fs-lg:20px; --fs-xl:24px;
  /* отступы (шкала 4) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;

  /* Логотип и цвета групп меню — до фазы 2 (новое меню одним цветом). */
  --logo-shine:#fff4cc;
  --g-creo:#facc15; --g-lands:#22d3ee; --g-work:#a78bfa; --g-fb:#60a5fa; --g-bot:#f472b6; --g-fin:#4ade80; --g-tools:#94a3b8;

  color-scheme: dark;
}

/* Светлая тема. Статусы темнее — ради контраста на белом. */
:root[data-theme="light"] {
  --bg:#f5f6f8; --surface:#ffffff; --surface-2:#f8f9fb; --surface-3:#eef0f4;
  --border:#e3e6ec; --border-strong:#cfd4dd;
  --text:#1d2230; --text-strong:#0b0e14; --muted:#5f6779; --faint:#687083;   /* UI-10: ≥ 4,5:1 на фоне и белом */
  --accent:#ea580c; --accent-hover:#c2410c; --accent-soft:rgba(234,88,12,.1);
  --success:#15803d; --success-soft:rgba(21,128,61,.1);
  --danger:#dc2626;  --danger-soft:rgba(220,38,38,.1);
  --warning:#b45309; --warning-soft:rgba(180,83,9,.1);
  --info:#1d4ed8;    --info-soft:rgba(29,78,216,.1);
  --shadow-pop:0 8px 24px rgba(15,23,42,.12), 0 0 0 1px var(--border);
  --overlay:rgba(15,23,42,.35);
  --focus-ring:0 0 0 3px rgba(234,88,12,.3);
  --logo-shine:#f59e0b;
  --g-creo:#ca8a04; --g-lands:#0891b2; --g-work:#7c3aed; --g-fb:#2563eb; --g-bot:#db2777; --g-fin:#16a34a; --g-tools:#64748b;
  color-scheme: light;
}

/* «Как в системе»: светлая, если светлая у системы; иначе остаётся тёмная. */
@media (prefers-color-scheme: light) {
  :root[data-theme="system"] {
    --bg:#f5f6f8; --surface:#ffffff; --surface-2:#f8f9fb; --surface-3:#eef0f4;
    --border:#e3e6ec; --border-strong:#cfd4dd;
    --text:#1d2230; --text-strong:#0b0e14; --muted:#5f6779; --faint:#687083;   /* UI-10: ≥ 4,5:1 на фоне и белом */
    --accent:#ea580c; --accent-hover:#c2410c; --accent-soft:rgba(234,88,12,.1);
    --success:#15803d; --success-soft:rgba(21,128,61,.1);
    --danger:#dc2626;  --danger-soft:rgba(220,38,38,.1);
    --warning:#b45309; --warning-soft:rgba(180,83,9,.1);
    --info:#1d4ed8;    --info-soft:rgba(29,78,216,.1);
    --shadow-pop:0 8px 24px rgba(15,23,42,.12), 0 0 0 1px var(--border);
    --overlay:rgba(15,23,42,.35);
    --focus-ring:0 0 0 3px rgba(234,88,12,.3);
    --logo-shine:#f59e0b;
    --g-creo:#ca8a04; --g-lands:#0891b2; --g-work:#7c3aed; --g-fb:#2563eb; --g-bot:#db2777; --g-fin:#16a34a; --g-tools:#64748b;
    color-scheme: light;
  }
}

/* Inter, свой (static/fonts, OFL). Кириллица и латиница отдельными
   файлами — браузер качает только нужные по unicode-range. */
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/inter-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('../fonts/inter-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/inter-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700 900; font-display:swap;
  src:url('../fonts/inter-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/inter-cyrillic-400-normal.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('../fonts/inter-cyrillic-500-normal.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/inter-cyrillic-600-normal.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700 900; font-display:swap;
  src:url('../fonts/inter-cyrillic-700-normal.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }


/* ---- ARAY: фирменная палитра (aray.com) ---- */
:root {
  --bg:#1b1e21; --surface:#222629; --surface-2:#262b30; --surface-3:#2d3237;
  --border:#353b41; --border-strong:#454c53;
  --text:#e8e9ea; --text-strong:#ffffff; --muted:#9a9c9e; --faint:#898c8f;
  --accent:#e74011; --accent-hover:#f25a2e; --accent-soft:rgba(231,64,17,.16); --on-accent:#ffffff;
  --focus-ring:0 0 0 3px rgba(231,64,17,.45);
  --logo-shine:#ffffff;
}
:root[data-theme="light"] {
  --bg:#f0f0f1; --surface:#ffffff; --surface-2:#f7f7f8; --surface-3:#e9e9eb;
  --border:#dcdcde; --border-strong:#c1c1c1;
  --text:#212529; --text-strong:#000000; --muted:#656565; --faint:#6d6d6d;
  --accent:#c9380e; --accent-hover:#a92f0b; --accent-soft:rgba(201,56,14,.1);
  --focus-ring:0 0 0 3px rgba(201,56,14,.3);
  --logo-shine:#e74011;
}
@media (prefers-color-scheme: light) {
  :root[data-theme="system"] {
    --bg:#f0f0f1; --surface:#ffffff; --surface-2:#f7f7f8; --surface-3:#e9e9eb;
    --border:#dcdcde; --border-strong:#c1c1c1;
    --text:#212529; --text-strong:#000000; --muted:#656565; --faint:#6d6d6d;
    --accent:#c9380e; --accent-hover:#a92f0b; --accent-soft:rgba(201,56,14,.1);
    --focus-ring:0 0 0 3px rgba(201,56,14,.3);
    --logo-shine:#e74011;
  }
}
/* Кнопки — «таблетки», как на aray.com. */
.ui-btn, .btn, button.ui-btn, a.ui-btn { border-radius:999px; }