/* Слой 3 — Тема. Концепция № 2 «BavABS Corporate Clean».
   Все цвета, шрифты, скругления и отступы — только здесь.
   Ночная тема — тот же набор переменных с другими значениями. */

:root {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --fs-code: 28px;

  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --gap-xs: 6px;
  --gap-sm: 10px;
  --gap-md: 16px;
  --gap-lg: 24px;

  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-muted: #f3f5f8;
  --border: #e3e8ef;
  --text: #1b2533;
  --text-muted: #6b7686;
  --accent: #0b4ea2;
  --accent-text: #ffffff;
  --accent-soft: #e4ecf7;
  --danger: #c0262d;
  --danger-soft: #fdecec;
  --success: #11804a;
  --shadow: 0 1px 2px rgba(16, 40, 80, .06);
  --focus: 0 0 0 3px rgba(11, 78, 162, .25);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e141c;
    --surface: #17202b;
    --surface-muted: #1e2935;
    --border: #2a3644;
    --text: #e6ebf1;
    --text-muted: #93a0b0;
    --accent: #4d8fe6;
    --accent-text: #ffffff;
    --accent-soft: #1d3150;
    --danger: #ff6b6b;
    --danger-soft: #3a1d20;
    --success: #4cc38a;
    --shadow: none;
    --focus: 0 0 0 3px rgba(77, 143, 230, .35);
  }
}

:root[data-theme="dark"] {
  --bg: #0e141c;
  --surface: #17202b;
  --surface-muted: #1e2935;
  --border: #2a3644;
  --text: #e6ebf1;
  --text-muted: #93a0b0;
  --accent: #4d8fe6;
  --accent-text: #ffffff;
  --accent-soft: #1d3150;
  --danger: #ff6b6b;
  --danger-soft: #3a1d20;
  --success: #4cc38a;
  --shadow: none;
  --focus: 0 0 0 3px rgba(77, 143, 230, .35);
}