/* ==========================================================================
   ВАЛОР — дизайн-токены
   Раскладка: тёмно-синяя навигация слева, рабочая область с заголовком
   страницы и модулями; латунная отметка «доказательства» у каждой цифры,
   за которой стоит источник или расчёт.
   Две темы: светлая (по умолчанию) и тёмная синяя.
   ========================================================================== */

:root {
  /* Шрифты: Spectral — заголовки и цифры итогов (документная интонация),
     Golos Text — интерфейс (создан для русскоязычных цифровых сервисов) */
  --font-display: "Spectral", "Georgia", "Times New Roman", serif;
  --font-ui: "Golos Text", "Segoe UI", "Roboto", system-ui, -apple-system, sans-serif;

  /* Шкала размеров */
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.875rem;
  --fs-base: 0.9375rem;
  --fs-lg: 1.0625rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;

  /* Геометрия */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --sidebar-w: 252px;
  --topbar-h: 60px;
  --gutter: clamp(16px, 3vw, 32px);

  /* Светлая тема */
  --bg: #F2F5F9;
  --surface: #FFFFFF;
  --surface-2: #F7F9FC;
  --surface-3: #E9EEF5;
  --line: #DAE1EB;
  --line-strong: #C2CDDC;
  --text: #13233F;
  --text-2: #475873;
  --text-3: #6E7F98;
  --brand: #1B3666;
  --fab-ink: #FFFFFF;
  --accent: #2C5FCC;
  --accent-hover: #234FAE;
  --accent-ink: #FFFFFF;
  --accent-soft: #E4ECFB;
  --brass: #94700F;
  --brass-soft: #F4ECD5;
  --ok: #1E7A4C;
  --ok-soft: #E0F1E7;
  --warn: #9D5D0C;
  --warn-soft: #FBEDD8;
  --crit: #B3302E;
  --crit-soft: #F8E0DF;
  --info: #2C5FCC;
  --info-soft: #E4ECFB;

  --nav-bg: #13284D;
  --nav-text: #C3D0E6;
  --nav-text-active: #FFFFFF;
  --nav-hover: #1C3561;
  --nav-active: #24427A;
  --nav-muted: #8496B8;
  --nav-line: #22396A;

  --focus: #2C5FCC;
  --overlay: rgba(9, 19, 38, 0.48);
  --shadow-1: 0 1px 2px rgba(19, 35, 63, 0.06);
  --shadow-2: 0 14px 40px rgba(19, 35, 63, 0.16);

  /* Иллюстрации фото */
  --photo-bg-1: #DCE4EF;
  --photo-bg-2: #C6D3E4;
  --car-body: #8FA3BF;
  --car-body-2: #7A90AF;
  --car-glass: #C9D6E6;
  --car-wheel: #34445E;
  --car-rim: #A9B7CB;

  /* Графики */
  --chart-1: #2C5FCC;
  --chart-2: #94700F;
  --chart-3: #1E7A4C;
  --chart-4: #8357C2;
  --chart-grid: #E3E9F1;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0A1529;
    --surface: #0F1F3A;
    --surface-2: #0C1A31;
    --surface-3: #16294A;
    --line: #1F3558;
    --line-strong: #2C4774;
    --text: #E3EAF5;
    --text-2: #A8B8D0;
    --text-3: #8294B2;
    --brand: #C3D3EF;
    --fab-ink: #081631;
    --accent: #6E9BF5;
    --accent-hover: #8AB0FA;
    --accent-ink: #081631;
    --accent-soft: #1A315C;
    --brass: #DDBB60;
    --brass-soft: #362E1A;
    --ok: #56C690;
    --ok-soft: #123526;
    --warn: #E8AA4A;
    --warn-soft: #3A2B12;
    --crit: #F27A70;
    --crit-soft: #3F1B1F;
    --info: #6E9BF5;
    --info-soft: #1A315C;

    --nav-bg: #071024;
    --nav-text: #A9BAD6;
    --nav-text-active: #FFFFFF;
    --nav-hover: #0F1F3D;
    --nav-active: #183363;
    --nav-muted: #6A7FA4;
    --nav-line: #142546;

    --focus: #8AB0FA;
    --overlay: rgba(2, 7, 18, 0.66);
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.32);
    --shadow-2: 0 16px 44px rgba(0, 0, 0, 0.5);

    --photo-bg-1: #1A2C4C;
    --photo-bg-2: #13233F;
    --car-body: #5D7598;
    --car-body-2: #4B6385;
    --car-glass: #2B4268;
    --car-wheel: #0B1426;
    --car-rim: #6F84A6;

    --chart-1: #6E9BF5;
    --chart-2: #DDBB60;
    --chart-3: #56C690;
    --chart-4: #B08CEB;
    --chart-grid: #1C3051;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0A1529;
  --surface: #0F1F3A;
  --surface-2: #0C1A31;
  --surface-3: #16294A;
  --line: #1F3558;
  --line-strong: #2C4774;
  --text: #E3EAF5;
  --text-2: #A8B8D0;
  --text-3: #8294B2;
  --brand: #C3D3EF;
  --fab-ink: #081631;
  --accent: #6E9BF5;
  --accent-hover: #8AB0FA;
  --accent-ink: #081631;
  --accent-soft: #1A315C;
  --brass: #DDBB60;
  --brass-soft: #362E1A;
  --ok: #56C690;
  --ok-soft: #123526;
  --warn: #E8AA4A;
  --warn-soft: #3A2B12;
  --crit: #F27A70;
  --crit-soft: #3F1B1F;
  --info: #6E9BF5;
  --info-soft: #1A315C;

  --nav-bg: #071024;
  --nav-text: #A9BAD6;
  --nav-text-active: #FFFFFF;
  --nav-hover: #0F1F3D;
  --nav-active: #183363;
  --nav-muted: #6A7FA4;
  --nav-line: #142546;

  --focus: #8AB0FA;
  --overlay: rgba(2, 7, 18, 0.66);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.32);
  --shadow-2: 0 16px 44px rgba(0, 0, 0, 0.5);

  --photo-bg-1: #1A2C4C;
  --photo-bg-2: #13233F;
  --car-body: #5D7598;
  --car-body-2: #4B6385;
  --car-glass: #2B4268;
  --car-wheel: #0B1426;
  --car-rim: #6F84A6;

  --chart-1: #6E9BF5;
  --chart-2: #DDBB60;
  --chart-3: #56C690;
  --chart-4: #B08CEB;
  --chart-grid: #1C3051;
  color-scheme: dark;
}