/* СГЕНЕРИРОВАНО из src/design-system.css — не редактировать вручную.
   Единственный источник токенов для всего сайта: React-страницы получают их
   через бандл, статические HTML — через <link rel="stylesheet" href="/tokens.css">.
   Совпадение двух копий проверяется тестом «design tokens stay in sync». */

:root {
  /* ── Светлая рабочая палитра ──────────────────────────────────────────
     База — чистый лист монтажной раскладки. Тёмный цвет остаётся только
     у видео, постеров и отдельных медиаповерхностей; красный ведёт к
     действию, а не заливает весь интерфейс. */
  --ds-bg: #f4f4ef;
  --ds-bg-alt: #e9e9e2;
  --ds-surface: #ffffff;
  --ds-text: #101010;
  --ds-text-secondary: #5f5f59;
  --ds-text-muted: #74746d;
  --ds-border: rgba(16, 16, 16, 0.14);
  --ds-border-strong: rgba(16, 16, 16, 0.34);
  --ds-accent: #ef3f32;
  --ds-accent-hover: #dc3025;
  --ds-accent-text: #c83227;
  --ds-orange: #ff5a1f;
  --ds-violet: #7c5cff;
  --ds-charcoal: #20201e;
  --ds-on-accent: #101010;
  --ds-success: #4ade80;
  --ds-error: #ff6b5e;
  --ds-radius-sm: 3px;
  --ds-radius: 6px;
  --ds-container: 1440px;
  --ds-content: 1320px;
  --ds-gutter: clamp(1.125rem, 4vw, 4rem);
  --ds-grid-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  --ds-section-space: clamp(4rem, 9vw, 10rem);
  --ds-s1: 0.25rem;
  --ds-s2: 0.5rem;
  --ds-s3: 0.75rem;
  --ds-s4: 1rem;
  --ds-s5: 1.5rem;
  --ds-s6: 2rem;
  --ds-s7: 3rem;
  --ds-s8: 4rem;
  --ds-s9: 5rem;
  --ds-s10: 6rem;
  --ds-s11: 8rem;
  --ds-s12: 10rem;
  --ds-display: clamp(4.5rem, 9vw, 8.5rem);
  --ds-h1: clamp(3.5rem, 7.5vw, 7rem);
  --ds-h2: clamp(2.75rem, 5.5vw, 5rem);
  --ds-h3: clamp(1.5rem, 2.3vw, 2.25rem);
  --ds-lead: clamp(1.125rem, 1.65vw, 1.5rem);
  --ds-body-lg: clamp(1.0625rem, 1.2vw, 1.25rem);
  --ds-body: clamp(1rem, 1vw, 1.125rem);
  --ds-grid-max: 1720px;
  --ds-grid-gap: clamp(10px, 1.15vw, 20px);
  --ds-header-z: 120;
  color-scheme: light;
}