/*
  Дизайн-токены 144 AGENCY. Единственное место, где записаны цвета, отступы, радиусы,
  размеры шрифта, тени и длительности. Остальной CSS и шаблоны берут только var(--…).
  Тот же список в форме DTCG 2025.10 — tokens.json рядом; тест сверяет, что значения совпадают.
  Цвета брифа — с сайта 144agency.ru (бриф, таблица «Что взято с сайта»).
*/
:root {
  /* Цвета: фон, поверхности, текст */
  --color-bg: #ecece7;
  --color-surface: #ffffff;
  --color-surface-sunken: #e3e3de;
  --color-text: #17181c;
  --color-text-muted: #50535b;

  /* Акцент: кнопки, ссылки, фокус */
  --color-accent: #17181c;
  --color-accent-hover: #2d2f35;
  --color-accent-text: #ffffff;
  --color-accent-soft: #e3e3de;
  --color-focus: #2f5bff;

  /* Знак студии — только знак, крупные заголовки, рамки; лайм — только заливка под тёмным текстом */
  --color-brand: #f43d04;
  --color-lime: #c8ff2e;

  /* Аватар человека: один цвет на всех, не из шкалы статусов (решение по аудиту F45, 17.10.2026) */
  --color-avatar: #d4d6ff;
  --color-avatar-text: #1a2380;

  /* Линии: разделители и рамки полей (рамка поля ≥ 3 : 1 к фону) */
  --color-border: #d9d9d3;
  --color-field-border: #7c7e82;
  --color-border-strong: #b9bab3;

  /* Состояния: текст и мягкая заливка под ним */
  --color-danger: #b3261e;
  --color-danger-soft: #fdecea;
  --color-ok: #1e7a3c;
  --color-ok-soft: #e6f4ea;
  --color-warning: #8a5300;
  --color-warning-soft: #fff1dc;

  /* Видео и затемнение */
  --color-video: #000000;
  --color-overlay: #11121473;

  /* Монтажная: тёмная сцена плеера и колонки правок (экран ролика) */
  --color-stage: #1c1d21;
  --color-stage-raised: #2a2c31;
  --color-stage-line: #3a3c42;

  /* Статусы ролика: заливка плашки и текст на ней (контраст текста ≥ 4,5 : 1). Слово всегда рядом. */
  --st-prep: #ffffff;
  --st-prep-text: #17181c;
  --st-queue: #e3e3de;
  --st-queue-text: #3c3e44;
  --st-editing: #2f5bff;
  --st-editing-text: #ffffff;
  --st-review: #ffc53d;
  --st-review-text: #17181c;
  --st-revisions: #d93400;
  --st-revisions-text: #ffffff;
  --st-accepted: #c8ff2e;
  --st-accepted-text: #17181c;
  --st-delivered: #17181c;
  --st-delivered-text: #ffffff;
  --st-confirmed: #1a7a42;
  --st-confirmed-text: #ffffff;

  /* Отступы */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Радиусы: как в макетах — 2 клетки ленты и мелкие метки, 4 поля и кнопки в строке, 8 кнопки, карточки и листы, 10 карточка входа (аудит F43) */
  --radius-xs: 2px;
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 10px;

  /* Шрифты: Golos Text — весь интерфейс; Oswald — коды проектов и ID роликов; моноширинный — для таймкода */
  --font-sans: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-id: Oswald, "Arial Narrow", sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;

  /* Размеры текста */
  --text-xs: 13px;
  --text-s: 14px;
  --text-m: 16px;
  --text-l: 20px;
  --text-xl: 28px;

  /* Тени */
  --shadow-1: 0px 1px 2px 0px #11121414;
  --shadow-2: 0px 6px 20px 0px #1112141f;

  /* Длительности анимаций (≤ 200 мс) */
  --duration-fast: 120ms;
  --duration-base: 180ms;

  /* Минимальная цель касания */
  --tap: 44px;
}