/* Дизайн-токены: натянуты с согласованного макета Figma (IvanZhidkov, screen1-1 + Frame 47).
   Правки визуала — только здесь и в соседних css-слоях. */
:root {
  /* цвет */
  --c-bg:            #20242b;   /* фон сайта и полоса хедера */
  --c-accent:        #d7012d;   /* красный: плашка hero, бейджи, активный штрих */
  --c-on-accent:     #ffffff;
  --c-on-bg:         #ffffff;   /* текст на тёмном фоне */
  --c-text:          #000000;   /* текст на светлых карточках */
  --c-card-from:     rgba(215, 215, 216, 0.44); /* градиент подложки карточек */
  --c-card-to:       #fdfeff;
  --c-card-bg:       #ebebeb;   /* светлая подложка карточки афиши (main 282:3640) */
  --c-footer-muted:  #aab8cb;   /* ссылки/реквизиты в футере */
  --c-footer-dim:    #c7d4e4;   /* копирайт в футере */
  --c-giant:         #99a3b0;   /* гигантская надпись-подпись */
  --c-border:        rgba(255, 255, 255, 0.12);

  /* типографика (Figma: Oswald / Manrope / Inter / Roboto Condensed) */
  --f-head: "Oswald", "PT Sans Narrow", sans-serif;
  --f-body: "Manrope", system-ui, sans-serif;
  --f-btn:  "Oswald", "PT Sans Narrow", sans-serif;
  --f-cond: "Roboto Condensed", "Oswald", sans-serif;

  /* интерлиньяж — безразмерные множители: на макетных 1920 дают те же px
     (120×1.15=138, 100×1.2=120, 64×1.2=76.8, 36×1.5=54), а при сжатии кегля
     clamp()-ами межстрочные следуют за шрифтом, а не остаются гигантскими */
  --fs-hero-title: 120px;  --lh-hero-title: 1.15;      /* ПОЧЕМУ Я? Oswald 500 */
  --fs-section:    100px;  --lh-section:    1.2;       /* АФИША / НОВОСТИ Oswald 500 */
  /* титулы страниц (hero «О центре»/«Лица» + архивы): жёсткий кегль без vw —
     100px на любом десктопном окне (как в макете 1920), 40px на мобиле
     (переопределение в @media 820, layout.css) — заголовки не «ездят»
     при ресайзе */
  --fs-page-title: 100px;
  --fs-sub:         64px;  --lh-sub:      1.2;         /* подзаголовок hero, названия, бейджи Oswald 400 */
  --fs-date:        40px;  --lh-date:        48px;     /* даты/города в карточках Oswald 400 */
  --fs-hero-meta:   36px;  --lh-hero-meta:   1.5;      /* режиссёр/состав hero Manrope 400 */
  --fs-phone:       23px;  --lh-phone:       13px;   /* телефон Oswald 600 */
  --fs-nav:         20px;  --lh-nav:         13px;   /* меню Oswald 400 */
  --fs-nav-h:       18px;  --lh-nav-h:       1.5;    /* пункты меню шапки Oswald 600 (Figma menu 1920) */
  --fs-phone-h:     18px;  --lh-phone-h:     1.5;    /* телефон шапки Oswald 600 (Figma menu 1920) */
  --fs-body:        20px;  --lh-body:        36px;   /* тексты Manrope 400/500 */
  --fs-btn:         20px;  --lh-btn:         28px;   /* кнопки Oswald 400 (UI kit: 255×70 / 235×60) */
  --fs-small:       16px;  --lh-small:       13px;   /* копирайт Roboto Condensed/Manrope 500 */

  /* ритм (координаты макета 1920) */
  --sp-page:   60px;    /* боковое поле контента */
  --sp-gap:    20px;    /* зазор карточек афиши (main 282:3640) */
  --sp-gap2:   20px;    /* зазор сетки 2:1 */
  --sp-rows:   40px;    /* межрядный зазор афиши */
  --sp-card:   60px;    /* внутренние поля карточки */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2.5rem;
  --sp-6: 4rem;

  /* прочее */
  --radius: 0;
  --wrap: 1800px;      /* 1920 − 2×60 */
  --header-h: 120px;
  --btn-h: 70px;
}