/* =============================================================
   Дизайн-токены муз. театра — ТОЧНЫЕ значения из Figma
   (file wHMwC4tYOk01RTG3BaN3tz, фрейм «Главная 1441»).
   Извлечено через Figma MCP (get_design_context).
   ВСЕ цвета/отступы/радиусы меняются ТОЛЬКО здесь.
   low-vision.css переопределяет эти же переменные.
   ============================================================= */
:root {
  /* --- Цвета: бренд (из макета) --- */
  --c-primary:        #A67737;   /* кнопки «Купить билет» (Figma: Primary 10:159) */
  --c-primary-hover:  #C59048;   /* Figma hover state  fill_BTRZ2R */
  --c-primary-active: #9B6F32;   /* Figma 35:5362 press */
  /* Касса24-кнопка (UI-kit): cream-bg/dark-brown-text */
  --c-kassa24-bg:     #F6E2C7;   /* fill_QNZDAX */
  --c-kassa24-hover:  #FFEDD5;   /* fill_7ZEDUT */
  --c-kassa24-active: #EAD4B7;   /* Figma 35:5460 press */
  --c-kassa24-text:   #5E421C;   /* fill_BJ69UL */
  /* Форма (UI-kit): фон поля, border активного/ошибки, цвет ошибки */
  --c-input-bg:    #F5F5F5;
  --c-input-text:  #1E1E1E;     /* Figma 35:5347 active value */
  --c-input-placeholder: #6E6E6E; /* Figma 35:5343 */
  --c-input-focus: rgba(247,38,38,.7);
  --c-error:       #EA3232;      /* Figma 35:5354 */
  --c-menu-active:   #CD9953;   /* активный пункт меню */
  --c-caret-closed:  #BFCAD2;   /* каретка ▾ в закрытом состоянии (Figma 33:240) */
  --c-logo-accent:   #C7A45A;   /* «ЯЛТИНСКИЙ ТЕАТР» */
  --c-red:           #A82421;   /* корпоративный красный (ТЗ, для акцентов) */

  /* --- Цвета: поверхности --- */
  --c-dark:          #1A1410;   /* тёмная шапка/hero/премьеры (фон-фото поверх) */
  --c-cream:         #F4F1ED;   /* фон внутренних / афиша-single (Figma 165:2262) */
  --c-card:          #FFFFFF;   /* карточка события */

  /* --- Цвета: текст --- */
  --c-text:          #1A1614;
  --c-text-heading:  #241B18;   /* заголовки секций и карточек (Figma) */
  --c-text-muted:    #6B635C;
  --c-text-invert:   #FFFFFF;
  --c-card-meta:     #5E5E5E;   /* жанр / возраст на карточке */

  /* --- Бейджи --- */
  --c-badge-hero:    rgba(255,255,255,.2);   /* бейдж на hero (из макета) */
  --c-badge-light:   #ECE3DB;                /* бейдж на светлой карточке */
  --c-badge-card:    #F3F3F3;                /* бейдж жанра/возраста на карточке */
  --c-badge-bg-light: var(--c-badge-card);
  --c-accent:        var(--c-primary);       /* фокус / акцентные hover */
  --c-divider-light: rgba(255,255,255,.4);   /* вертикальный разделитель в шапке */

  /* --- Типографика (ЛОКАЛЬНЫЕ шрифты из макета) --- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif; /* заголовки — Figma UI-kit */
  --font-body:    "Manrope", "Segoe UI", "Helvetica Neue", Arial, sans-serif; /* текст/UI */

  /* Размеры из макета (десктоп 1920) с адаптивным clamp */
  --fs-hero:    clamp(2.1rem, 4.2vw, 3.9375rem); /* 63px max (−30% от 90px) */
  --fs-h2:      clamp(1.75rem, 4vw, 48px);    /* секции «Афиша» — Cormorant 48px */
  --fs-menu:    15px;                          /* меню */
  --fs-phone:   20px;                          /* телефон в шапке */
  --fs-badge:   20px;                          /* бейджи hero (дата/время/возраст) */
  --fs-body:    15px;                          /* описание */
  --fs-small:   .875rem;
  --fs-card-title: 22px;                      /* название спектакля на карточке */
  --fs-card-meta:  15px;                       /* дата / бейджи карточки */
  --fs-card-price: 24px;                       /* цена на карточке */
  --fs-btn-card:   12px;                       /* кнопки билетов на карточке */
  --lh-tight:   1.05;
  --lh-base:    1.5;

  /* --- Геометрия (из макета) --- */
  --radius-btn:   10px;   /* кнопки */
  --radius-card:  20px;   /* карточка спектакля 330×689 */
  --radius:       var(--radius-card);
  --radius-sm:    4px;
  --radius-pill:  90px;   /* бейджи */
  --shadow-card:       none;
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,.08);

  /* --- Карточка спектакля (Figma 37:6151) --- */
  --card-poster-ratio: 330 / 434;
  --card-gap:          30px;
  --card-body-pad:     15px;
  --card-details-gap:  6px;
  --card-price-lines:  2;
  --card-pushkin-h:    56px;
  --btn-card-h:        56px;

  /* --- Отступы (из макета) --- */
  --btn-pad-y: 20px; --btn-pad-x: 30px;   /* кнопка «Купить билет» */
  --menu-gap:  30px;                       /* расстояние между пунктами меню */
  /* Выпадающее подменю десктоп (Figma 33:230 Frame 1000006597) */
  --menu-dropdown-bg:      #FFFFFF;
  --menu-dropdown-radius:  20px;
  --menu-dropdown-shadow:  0 8px 32px rgba(0,0,0,.15);
  --menu-dropdown-pad-y:   20px;
  --menu-dropdown-pad-x:   25px;
  --menu-dropdown-gap:     15px;   /* между пунктами списка */
  --menu-dropdown-offset:  15px;   /* зазор панели под пунктом меню */
  --menu-dropdown-min-w:   343px;
  --menu-dropdown-text:    #2E2E2E; /* текст пунктов (Figma 33:231) */
  --header-yalta-line-gap: 7px;             /* отступ от разделительной линии ↔ «Ялтинский театр» */
  --header-nav-yalta-gap: 7px;              /* отступ меню ↔ разделительная линия перед баннером */
  --header-yalta-icon-min: 1800px;          /* ширина, с которой показываем иконку Ялты */
  --header-yalta-phones-gap: 32px;        /* зазор «Ялтинский театр» ↔ телефоны */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem; --space-8:2rem; --space-12:3rem; --space-16:4rem; --space-24:6rem;
  --section-pad-y: 56px; /* вертикальные отступы секций главной (desktop) */

  --container: 1410px;   /* ширина контентной области из макета (255..1665) */
  --container-home-header: 1833px; /* главная: шапка ~+30% к 1410 */
  --gallery-divider: #D5D0C8; /* разделители галереи (Figma 190:2050) */
  --header-h:  80px;     /* Figma 90:2626 — шапка на hero, h=80 */
  --header-pad-top-home-desktop: 12px; /* отступ логотипа от верхнего края hero */

  /* Внутренние страницы — шапка Figma 117:10095 */
  --c-header-inner-bg:     #241B18;
  --header-inner-pad-y:    15px;
  --header-inner-gap:      45px;
  --header-inner-menu-gap: 18px;
  --header-inner-utils-gap: 15px;
  --header-inner-caret-gap: 7px;
  --fs-phone-inner:        18px;
  --header-a11y-size:      36px;

  /* Кнопка PDF-репертуара (Figma 55:8219) */
  --afisha-pdf-bg:     #F6E2C7;
  --afisha-pdf-hover:  #FFEDD5;
  --afisha-pdf-text:   #3B2C17;
  --afisha-pdf-icon:   #7E5927;
  --afisha-pdf-h:      54px;
  --afisha-pdf-fs:     17px;
  --afisha-pdf-fw:     800;

  /* Hero-описание (Figma mobile 55:6628 — 12px, 2–3 строки) */
  --hero-desc-max-lines: 3;
  --hero-desc-max-chars: 140;

  /* Hero chrome (Figma 66:10696 @1920×926) */
  --hero-chrome-socials-left: 74.27%;  /* x=1426 */
  --hero-chrome-founder-right: clamp(20px, 13.28vw, 255px); /* x=1320, w=345 */
  --hero-chrome-founder-top:  clamp(72px, 15.55vw, 144px); /* y=144 */
  --hero-chrome-minkult-right: clamp(20px, 13.28vw, 255px);
  --hero-chrome-minkult-bottom: clamp(90px, 9.27vw, 178px); /* Figma y=668, h=80 @926 */
  --hero-chrome-socials-top:  65.23%;  /* y=604 */
  --hero-chrome-gap:          39px;
  --hero-chrome-minkult-w:    321px;
  --hero-upcoming-height:     114px;   /* Figma 66:10696: полоска y=812, h=114 @926 */
  --hero-upcoming-left:       clamp(var(--space-6), 13.28vw, 255px);
  --hero-upcoming-cell-w:     min(352px, calc((100% - 2 * 16px) / 3));
  --fs-hero-upcoming-meta:    15px;    /* дата/время: ExtraBold + Medium */
  --fs-hero-upcoming-title:   17px;    /* название: Manrope Medium (не Bold 22px) */
  --hero-divider-color:       rgba(255, 255, 255, 0.35);

  /* --- Премьеры v3 (Figma 52:6356) --- */
  --premiere-card-w:     1410px;
  --premiere-card-h:     420px;
  --premiere-card-radius: 30px;
  --premiere-card-gap:   30px;
  --premiere-title-gap:  40px;
  --premiere-content-left: 65px;
  --premiere-content-top:  60px;
  --premiere-content-bottom: 48px;
  --premiere-content-w:    543px;
  --premiere-content-gap:  45px;
  --premiere-info-gap:     20px;
  --premiere-copy-gap:     8px;
  --fs-premiere-section:   48px;
  --fs-premiere-card:      60px;
  --fs-premiere-badge:     20px;
  --premiere-nav-size:     55px;
  --premiere-nav-bg:       #E5DCD0;
  --premiere-nav-bg-hover: #EDE4D8;

  /* --- Куки-баннер (Figma 52:6408) --- */
  --cookie-bg:       #FFFFFF;
  --cookie-text:     #4B4B4B;
  --cookie-radius:   20px;
  --cookie-pad:      15px 15px 15px 30px;
  --cookie-gap:      50px;
  --cookie-fs:       12px;

  /* --- Подвал (Figma 35:2721 v3) --- */
  --c-footer-main:    #1E1E1E;              /* Rectangle 1 */
  --c-footer-bottom:  #262626;              /* Rectangle 2, h=77 */
  --c-footer-muted:   #868686;              /* Figma 109:9367 — нижняя строка */
  --c-footer-icon:    #A67737;              /* Line Duotone иконки контактов */
  --c-footer-link-hover: #CD9953;          /* hover ссылки 35:2730 */
  --c-footer-social:  rgba(151,151,151,.3); /* фон иконки соцсети 40×40 */
  --c-footer-social-ok: #A67737;           /* OK — золотой круг 35:2865 */
  --footer-pad-top:   80px;                 /* Figma 53:6470 y=80 */
  --footer-bottom-h:  77px;
  --footer-brand-w:   282px;                /* Figma: logo x=258 → cols x=537 */
  --footer-col-about: 184px;                /* 35:2725 */
  --footer-col-mid:   199px;                /* 35:2753 / 35:2742 */
  --footer-col-gap-1: 55px;                 /* О театре → Касса */
  --footer-col-gap-2: 82px;                 /* Касса → Контакты */
  --footer-stack-gap: 37px;                 /* Касса → Репертуар */
  --footer-social-size: 40px;
  --footer-social-gap: 15px;
  --footer-social-mt: 40px;                 /* 35:2860 y=440, контакты до 400 */
  --footer-banner-h:  56px;
  --footer-banner-gap: 4px;
  --footer-banners-mt: 119px;               /* Figma 35:2831 y=599 */
  --footer-col-gap:   15px;                 /* заголовок → список */
  --footer-link-gap:  10px;                 /* между ссылками */
  --footer-bottom-gap: 40px;                /* между ссылками внизу */
  --footer-logo-w:     154px;
  --footer-logo-h:     92px;
  --footer-minkult-emblem-w: 90px;
  --footer-minkult-emblem-h: 77px;
  --footer-minkult-full-max-w: 180px;
  --footer-logos-gap:  40px;
  --footer-logo-actions-gap: 28px;
  --footer-a11y-w:     212px;
  --footer-a11y-h:     64px;
  --footer-a11y-border:#585858;             /* stroke 53:6473 */
  --footer-a11y-radius: 120px;
  --footer-buy-w:      207px;
  --footer-buy-h:      58px;

  /* --- Hero (Figma 66:10696 — 1920×926, radius 0 0 50px 50px) --- */
  --hero-h-desktop: clamp(560px, 48.23vw, 926px);
  --hero-h-mobile:  min(72vh, 520px);
  --hero-radius:    50px;
  --fs-badge-hero:  20px;
  --hero-badge-bg:  rgba(255,255,255,.2);
  --hero-info-left: clamp(var(--space-6), 13.28vw, 255px);
  --hero-info-top:  max(150px, 46.65%); /* % от высоты hero (не vw) — масштабируется вместе с блоком */
  --hero-info-max-w: min(786px, 52vw);
  --hero-info-h:     320px;
  --hero-info-gap:  20px;
  --hero-pagination-bottom-desktop: calc(53.35% + 54px); /* выше info-top на 54px — не перекрывает контент */
  --hero-title-max-h: 76px;

  /* --- Модалка спектакля (Figma 35:5256 / 35:5227) --- */
  --c-modal-bg:       #1F0B0F;
  --c-modal-surface:  #3A181F;   /* строки сеансов, аккордеон */
  --c-modal-text:     #FFFFFF;
  --c-modal-muted:    rgba(255,255,255,.72);
  --c-modal-gold:     #a67737;   /* метаданные, цена (Figma 35:5256) */
  --c-modal-border:   rgba(255,255,255,.14);
  --c-modal-badge-bg: #461e26;   /* бейдж жанра (Figma 35:5259) */
  --c-modal-session:  #3b191f;   /* строка сеанса (Figma 109:7286) */
  --modal-radius:     30px;
  --event-modal-pad-x: 24px;
  --event-modal-pad-bottom: 24px;

  --t-fast:.18s; --t:.28s; --ease:cubic-bezier(.22,.61,.36,1);
}

@media (max-width: 1199px) {
  :root {
    --fs-mobile-menu: clamp(1.5rem, 4vw, 28px);
  }
}

@media (max-width: 768px) {
  :root {
    /* Figma 55:6570 «Главная (мобильная)» — 375×643 hero */
    --header-h:              98px;
    --header-pad-top-home:   18px;
    --header-pad-x-home:     20px;
    --menu-gap:              1rem;
    --hero-h-mobile:         min(643px, calc(100vw * 643 / 375));
    --hero-info-top:         30.6%;   /* y=197 @ h=643 */
    --hero-mobile-content-bottom: 132px; /* соцсети (82+40) + пагинация (32+10) */
    --hero-social-bottom:    12.75%;  /* иконки 40px, y=521 */
    --hero-pagination-bottom: 32px;    /* y=601, Frame 17 */
    --hero-content-pad-x:    20px;
    --hero-desc-fs:          12px;
    --hero-desc-max-lines:   2;
    --hero-badge-h:          30px;
    --fs-hero-badge:         12px;
    --fs-hero-title:         33.6px; /* −30% от 48px */
    --hero-radius:           24px;
    --container-pad:         20px;
    --event-modal-pad-x:     20px;
    --event-modal-pad-bottom: 20px;
    --section-pad-y:   28px;
    --fs-h2:           clamp(1.5rem, 6.5vw, 28px);
    /* Афиша mobile — вертикальный постер целиком (330×434, как на десктопе) */
    --card-poster-ratio: 330 / 434;
    --card-gap-x:        15px;
    --card-gap-y:        20px;
    --card-gap:          20px;
    --card-body-pad:     10px;
    --card-badge-h:      23px;
    --fs-card-badge:     10px;
    --fs-card-title:     16px;
    --fs-card-meta:      14px;
    --fs-card-price:     14px;
    --btn-card-h:        31px;
    --card-details-gap:  4px;
    --card-price-lines:  2;
    --card-pushkin-h:    42px;
    --fs-btn-card:       15px;
    --afisha-head-gap:   30px;
    --afisha-title-gap:  20px;
    --afisha-pdf-gap:    30px;
    --afisha-more-gap:   20px;
    --footer-logos-gap:        48px;
    --footer-logo-actions-gap: 32px;
    --repertoire-card-h: 260px;
    --fs-repertoire-title: 39px;
    --premiere-card-h:   269px;
    --fs-premiere-card:  clamp(1.75rem, 7vw, 36px);
    --premiere-title-gap: 24px;
    --premiere-card-radius: 20px;
  }
}

/* Минимальный reset (раньше давал Astra parent CSS). */
*, *::before, *::after { box-sizing: border-box; }
img, svg, video { display: block; max-width: 100%; height: auto; }

/* Знак ₽: обычное начертание, не наследует bold у строки цены. */
.price-currency {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 1em;
  line-height: inherit;
  letter-spacing: inherit;
}