/* Магнезит Азия — CSS-переменные. Палитра из логотипа: графит #2b2a29 + оранжевый (финал 06.11.2026).
   Заголовки — IBM Plex Sans 600: у Plex Sans Condensed нет кириллицы. */
:root {
  --surface: #f6f5f3;
  --surface-raised: #ffffff;
  --surface-sunken: #efede9;
  --line: #e4e1dc;
  --line-strong: #8c8782;
  --ink: #1f1e1d;
  --ink-muted: #6a6764;
  --graphite: #2b2a29;
  --graphite-raised: #3a3938;
  --on-graphite: #f6f5f3;
  --on-graphite-muted: #a9a6a2;
  --brand-red: #e2661a;
  --logo-orange: #ee751c;
  --logo-red: #ff0000;
  --heat: #c24a0e;
  --heat-hover: #a83c0a;
  --heat-soft: #fef6f2;
  --heat-bright: #f08a3c;
  --on-heat: #ffffff;
  --link: var(--heat);
  --focus: #1a66d1;
  --focus-on-graphite: #86b7ff;
  --zone-1: #7a1a06;
  --zone-2: #c24a0e;
  --zone-3: #f07a45;
  --zone-4: #f6b48e;
  --zone-5: #e4e1dc;
  --success: #2b6a3c;
  --success-soft: #e1eee4;
  --danger: #a11d1d;
  --danger-soft: #f8e3e1;
  --whatsapp: #1da851;
  --whatsapp-hover: #168f44;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 40px;
  --shadow-float: 0 6px 24px rgba(27, 29, 32, 0.18);
  --container-max: 1240px;
  --measure: 68ch;
  --font-display: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-sans: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;
}