/* Медиа Обс — CSS-переменные, собраны из tokens.json дизайн-системы */
:root, [data-theme="light"] {
  --paper: #f7f5f2;
  --surface: #ffffff;
  --surface-sunken: #eeebe7;
  --night: #17141a;
  --on-night: #f7f5f2;
  --ink: #221e24;
  --ink-muted: #5e5762;
  --ink-subtle: #736c76;
  --line: #d9d3ce;
  --line-strong: #8a838d;
  --rec: #e2362c;
  --rec-text: #c42a21;
  --rec-fill: #c42a21;
  --rec-fill-hover: #a8221a;
  --on-rec: #ffffff;
  --rec-tint: #fbe4e1;
  --positive: #1d6b47;
  --focus: #c42a21;
  --shadow-pop: 0 2px 4px rgba(34,30,36,0.06), 0 12px 32px rgba(34,30,36,0.12);
}
[data-theme="dark"] {
  --paper: #17141a;
  --surface: #221e24;
  --surface-sunken: #100e12;
  --night: #0e0c10;
  --on-night: #f3f0ec;
  --ink: #f3f0ec;
  --ink-muted: #b4adb6;
  --ink-subtle: #958e98;
  --line: #3d3640;
  --line-strong: #7a727e;
  --rec: #ff5a4e;
  --rec-text: #ff5a4e;
  --rec-fill: #c42a21;
  --rec-fill-hover: #a8221a;
  --on-rec: #ffffff;
  --rec-tint: #3a1d1e;
  --positive: #5fc18e;
  --focus: #ff5a4e;
  --shadow-pop: 0 2px 4px rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.5);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-s: 6px;
  --radius-m: 14px;
  --radius-l: 28px;
  --radius-pill: 999px;
  --container: 1200px;
  --measure: 640px;
  --header-height: 72px;
  --font-display: Unbounded, "Arial Black", sans-serif;
  --font-text: Onest, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;
}