/* Эфир · design tokens 1.0
   Контраст посчитан по WCAG 2.1 против --bg (светлая) / --bg (тёмная).
   Правило: --accent (#F2542D) НИКОГДА не используется под текстом. Для заливок с текстом — --accent-strong. */

:root {
  /* поверхности */
  --bg: #F3F2EE;            /* подложка страниц */
  --rail: #ECEAE4;          /* левая навигация */
  --rail-hover: #E2DFD7;
  --surface: #FFFFFF;       /* карточки, панели */
  --surface-muted: #FAFAF8; /* hover строки, выбранная строка */
  --segment: #E7E5DF;       /* фон сегмент-контролов */
  --line: #E0DDD5;          /* рамки */
  --line-soft: #EEEBE4;     /* разделители строк */
  --line-strong: #DDD9D0;   /* рамки полей и кнопок-контуров */
  --line-dash: #CFCBC1;     /* пунктир, подчёркивание ссылок */
  --image-well: #E4E1D9;    /* подложка под крупным изображением */

  /* текст */
  --ink: #141414;           /* 17.1:1 */
  --ink-2: #4A4A50;         /* 8.4:1 */
  --ink-3: #66666C;         /* 5.1:1 — минимум для подписей */
  --placeholder: #A3A3A8;   /* только плейсхолдеры */

  /* акцент «эфир» */
  --accent: #F2542D;        /* точки, маркеры, прогресс, иконки ♥ — без текста */
  --accent-halo: #F9D5C9;   /* ореол точки эфира */
  --accent-strong: #CC471E; /* заливки с белым текстом — 4.68:1 */
  --accent-text: #B8340F;   /* акцентный текст на светлом — 5.3:1 */

  /* семантика: цвет / фон */
  --ok: #1A6E4A;        --ok-bg: #DDF1E6;
  --warn: #8A5E00;      --warn-bg: #F6EBC8;   --warn-ink: #6B4900;  --warn-line: #F0D9A0;
  --danger: #B42323;    --danger-bg: #FCF1F0; --danger-line: #F0C2BE; --danger-chip: #F7DCDA;
  --guest: #2B47B8;     --guest-bg: #E9EDF9;  --guest-soft: #F4F6FD; --guest-line: #D5DCF3; --guest-ink: #2B3A78;

  /* теги фильтров */
  --tag-offer: #98300F;    --tag-offer-bg: #FCE3DA;
  --tag-segment: #473A8F;  --tag-segment-bg: #E7E3F5;
  --tag-location: #1D5F42; --tag-location-bg: #DCEEE4;

  /* типографика */
  --font-ui: "Onest", system-ui, sans-serif;
  --font-data: "JetBrains Mono", ui-monospace, monospace;
  --fs-display: 56px;  /* 56–72, lh 0.95–1.0, ls -0.035em, 700 */
  --fs-h1: 30px;       /* 24–34, lh 1.1, ls -0.025em, 700 */
  --fs-h2: 20px;       /* 15–20, 600–700 */
  --fs-body: 14px;     /* 13–14, lh 1.5 */
  --fs-dense: 13px;
  --fs-caption: 12px;
  --fs-min: 11px;      /* абсолютный минимум текста интерфейса */
  --fs-input-mobile: 16px;

  /* отступы (шаг 4) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-7: 28px; --s-8: 32px; --s-12: 48px;

  /* радиусы */
  --r-chip: 4px; --r-btn: 7px; --r-card: 8px; --r-field: 10px; --r-panel: 12px; --r-modal: 16px; --r-sheet: 20px; --r-pill: 999px;

  /* тени — только у всплывающих элементов */
  --shadow-pop: 0 12px 32px rgba(20,20,20,.12);
  --shadow-panel: -20px 0 40px rgba(20,20,20,.06);
  --shadow-float: 0 16px 40px rgba(0,0,0,.30);
  --shadow-modal: 0 40px 100px rgba(0,0,0,.35);

  /* движение */
  --t-fast: 140ms; --t-base: 280ms; --ease: cubic-bezier(.2,.7,.2,1);

  /* раскладка */
  --rail-w: 220px; --qv-w: 460px; --col-min: 250px; --col-max: 300px; --page-pad: 28px;
}

/* Тёмная тема 1.0: плеер клипов, тёмные блоки. Полная тёмная тема — 1.1. */
[data-theme="dark"] {
  --bg: #0F0F11;
  --surface: #18181B;
  --raised: #222226;
  --line: #2C2C31;
  --ink: #EEEDEA;
  --ink-2: #A9A9B0;
  --ink-3: #8A8A93;   /* 5.6:1 */
  --accent: #FF6A42;  /* без текста */
  --accent-strong: #CC471E;
  --tag-offer: #FF9C7E;    --tag-offer-bg: #3A1E16;
  --tag-segment: #B7AEF0;  --tag-segment-bg: #26223D;
  --tag-location: #8BD3B0; --tag-location-bg: #17302A;
  --ok: #8BD3B0; --ok-bg: #17302A;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}