/* Единый источник цветов и размеров для сайта, портала и других продуктов.
   Меняйте значения только здесь. Светлая тема основная, тёмная включается по системной настройке или data-theme="dark". */
:root {
  --bg: #F4F7F6;
  --surface: #FFFFFF;
  --accent: #159D91;
  --accent-strong: #0F8278;
  --accent-bg: #E0F3EF;
  --text: #253334;
  --muted: #6D7D7A;
  --bg-alt: #E6EFED;
  --border: #DCE6E3;
  --on-accent: #FFFFFF;
  --ok: #1B8A4B;
  --danger: #C0392B;

  --radius: 10px;
  --radius-sm: 8px;
  --control-h: 42px;
  --content-w: 1160px;
  --gap: 16px;
  --font: "Inter", "Onest", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111B1D; --surface: #1C292B; --accent: #43B9AA; --accent-strong: #5FCDBF; --accent-bg: #1E3A38;
    --text: #E6EFED; --muted: #9DB0AC; --bg-alt: #172325; --border: #2A3B3D; --on-accent: #0E1A1B;
  }
}
:root[data-theme="dark"] {
  --bg: #111B1D; --surface: #1C292B; --accent: #43B9AA; --accent-strong: #5FCDBF; --accent-bg: #1E3A38;
  --text: #E6EFED; --muted: #9DB0AC; --bg-alt: #172325; --border: #2A3B3D; --on-accent: #0E1A1B;
}