/*
 * Палитра и типографика — перенесены один в один с нынешнего сайта, чтобы
 * читатель не заметил смены движка. Значения не подбирались заново: любое
 * расхождение здесь сразу видно при сравнении страниц.
 */

:root {
  --surface: #ffffff;
  --surface-2: #f4f6fa;
  --surface-3: #e9edf4;
  --line: #dbe2ec;
  --ink: #121a25;
  --ink-muted: #5a6675;
  --brand: #12467f;
  --brand-ink: #ffffff;
  --accent: #b0202c;

  /* Панель для слабовидящих меняет только эти две величины. */
  --a11y-scale: 1;
  --a11y-tracking: 0em;

  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --text-lead: 1.0625rem;
  --text-lead-line-height: 1.6;

  --width-page: 75rem;
  --radius: 0.5rem;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --surface: #0f141b;
    --surface-2: #161d27;
    --surface-3: #1f2836;
    --line: #2a3444;
    --ink: #e8edf4;
    --ink-muted: #9aa6b7;
    --brand: #7fb0ee;
    --brand-ink: #0f141b;
    --accent: #f0757f;

    color-scheme: dark;
  }
}

:root[data-theme='dark'] {
  --surface: #0f141b;
  --surface-2: #161d27;
  --surface-3: #1f2836;
  --line: #2a3444;
  --ink: #e8edf4;
  --ink-muted: #9aa6b7;
  --brand: #7fb0ee;
  --brand-ink: #0f141b;
  --accent: #f0757f;

  color-scheme: dark;
}

:root[data-theme='light'] {
  color-scheme: light;
}