/* ===== TOKENS.CSS ===== */
/* Единая палитра и типографика R-Insight. Подключается первым файлом
   (после fonts.css), остальные CSS используют только эти переменные —
   так тема (светлая/тёмная) переключается в одном месте. */

:root {
  --bg: #E9EDEC;
  --surface: #FFFFFF;
  --surface-2: #F3F5F4;
  --border: #D6DCDA;
  --border-strong: #B9C2BF;
  --text: #131C22;
  --text-muted: #59666B;
  --text-faint: #8B979A;
  --accent: #1E3A5F;
  --accent-soft: #E3E9F0;
  --accent-contrast: #FFFFFF;
  --good: #2A7A4F;
  --good-soft: #E1F0E6;
  --ok: #93650F;
  --ok-soft: #F3E8D3;
  --poor: #AD3B34;
  --poor-soft: #F5E1DF;
  --neutral-pill: #E7EAE9;
  --shadow: 0 1px 2px rgba(19,28,34,0.05), 0 8px 22px rgba(19,28,34,0.07);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #10161B; --surface: #171E24; --surface-2: #1C242B; --border: #2A343B;
    --border-strong: #3A464D; --text: #E4E9E7; --text-muted: #93A19E; --text-faint: #62716F;
    --accent: #7C9CC4; --accent-soft: rgba(124,156,196,0.14); --accent-contrast: #0B1420;
    --good: #4CAE79; --good-soft: rgba(76,174,121,0.14); --ok: #C99B44; --ok-soft: rgba(201,155,68,0.14);
    --poor: #C97169; --poor-soft: rgba(201,113,105,0.14); --neutral-pill: #232C33;
    --shadow: 0 1px 2px rgba(0,0,0,0.25), 0 8px 24px rgba(0,0,0,0.35);
  }
}
:root[data-theme="dark"] {
  --bg: #10161B; --surface: #171E24; --surface-2: #1C242B; --border: #2A343B;
  --border-strong: #3A464D; --text: #E4E9E7; --text-muted: #93A19E; --text-faint: #62716F;
  --accent: #7C9CC4; --accent-soft: rgba(124,156,196,0.14); --accent-contrast: #0B1420;
  --good: #4CAE79; --good-soft: rgba(76,174,121,0.14); --ok: #C99B44; --ok-soft: rgba(201,155,68,0.14);
  --poor: #C97169; --poor-soft: rgba(201,113,105,0.14); --neutral-pill: #232C33;
  --shadow: 0 1px 2px rgba(0,0,0,0.25), 0 8px 24px rgba(0,0,0,0.35);
}
:root[data-theme="light"] {
  --bg: #E9EDEC; --surface: #FFFFFF; --surface-2: #F3F5F4; --border: #D6DCDA;
  --border-strong: #B9C2BF; --text: #131C22; --text-muted: #59666B; --text-faint: #8B979A;
  --accent: #1E3A5F; --accent-soft: #E3E9F0; --accent-contrast: #FFFFFF;
  --good: #2A7A4F; --good-soft: #E1F0E6; --ok: #93650F; --ok-soft: #F3E8D3;
  --poor: #AD3B34; --poor-soft: #F5E1DF; --neutral-pill: #E7EAE9;
  --shadow: 0 1px 2px rgba(19,28,34,0.05), 0 8px 22px rgba(19,28,34,0.07);
}

* { box-sizing: border-box; }

html, body {
  background: var(--bg);
  color: var(--text);
}

body {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.5;
}

a { color: inherit; }