/* tokens.css — палитра, шрифты, размеры (PLAN.md §1). Цвет клиента меняется здесь: --brand и четыре --plate-*.
   Плашка серии = цвет из её же кадра, затемнённый до контраста paper ≥7:1 (notas.md, «Цвет»). */
@font-face { font-family: "EB Garamond"; src: url(../assets/fonts/eb-garamond-500.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url(../assets/fonts/eb-garamond-italic-500.woff2) format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Archivo"; src: url(../assets/fonts/archivo-500.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  --milk: #F3F1EC;            /* фон; ink на нём 15,26:1 */
  --paper: #F7F5F0;           /* текст на плашках и на мху */
  --ink: #1C1B18;
  --mute: #5C5850;            /* второстепенный, 6,27:1 на milk */
  --line: #D9D5CC;            /* рамки полей, разделители (декор) */
  --paper-80: rgb(247 245 240 / .8);
  --paper-24: rgb(247 245 240 / .24);

  /* плашки серий: oklch L 0.34–0.44, без вспышек яркости при смене */
  --plate-bodas: #1D5C3F;
  --plate-parejas: #35476E;
  --plate-familias: #873741;
  --plate-eventos: #6E4A1A;
  --brand: var(--plate-bodas);  /* её орех *//* фирменная плоскость: занавес входа, цены, контакты, подвал */

  --serif: "EB Garamond", Garamond, "Times New Roman", serif;
  --sans: "Archivo", "Helvetica Neue", Arial, sans-serif;

  --fs-h1: clamp(2.6rem, 1.2rem + 6vw, 6.5rem);
  --fs-h2: clamp(2.1rem, 1rem + 4vw, 4.75rem);
  --fs-plate: clamp(2.4rem, 1rem + 5vw, 5.5rem);
  --fs-manifest: clamp(2.25rem, .6rem + 5.2vw, 5.6rem);   /* телефон 36 px (было 30), ПК тот же 84,5 px на 1440 */
  --fs-slot: clamp(2.25rem, 1rem + 6.2vw, 7rem);
  --fs-body: clamp(1rem, .95rem + .25vw, 1.125rem);
  --fs-label: .8125rem;
  --fs-price: clamp(1.25rem, .4rem + 2.5vw, 2.5rem);       /* 20 px на 390, 40 px на 1440 */

  --gut: 16px;
  --bar: 56px;                /* высота шапки телефона и капсулы */
}
@media (min-width: 900px) { :root { --gut: 40px; } }

/* короткое имя в подвале по центру (кегль ограничен высотой слайда) */
html.k-slides .foot .wm { text-align: center; }
/* описания в списке сессий: если подгонка спрятала хоть одно — прячем все (иначе у одних пунктов есть, у других нет) */
html.k-slides .plist:has(p.fit-hidden) p { display: none !important; }
/* телефон: лица на главных кадрах серий над плашкой — плашка без описания и счётчика (они в просмотре серии),
   фигура поднята на --sy % высоты слайда (build.py SHIFT, по лицам) */
@media (max-width: 899px) {
  html.k-slides .hs__plate--live .hs__meta { display: none; }
  html.k-slides .hs__item > .hs__main { top: calc(-1 * var(--sy, 0) * var(--vu, 1svh)); }
}

/* ===== Victor Jesús Chavez: свой стиль поверх шаблона (08.10.2026) =====
   Логотипа в открытом доступе нет — знак набран: «Victor Chavez» прописной антиквой Cinzel (торжественно, как приглашение на XV).
   Его кадры — ночные праздники XV в садах и зелени, с драматичным светом. Поэтому: светлый «слоновая кость» фон,
   бренд изумруд, плашки изумруд/ночной синий/рубин/янтарь; Cinzel + Lato. */
@font-face { font-family: "Cinzel"; src: url(../assets/fonts/cinzel-500.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url(../assets/fonts/lato-400.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url(../assets/fonts/lato-700.woff2) format("woff2"); font-weight: 600 800; font-style: normal; font-display: swap; }
:root {
  --milk: #F4F1E9;
  --paper: #FAF8F2;
  --ink: #16201A;
  --mute: #55605A;
  --line: #DCD8CC;
  --paper-80: rgb(250 248 242 / .82);
  --paper-24: rgb(250 248 242 / .24);
  --serif: "Cinzel", "EB Garamond", Georgia, serif;
  --sans: "Lato", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --brand: #1D5C3F;
}
html { background: var(--milk); }
body { font-weight: 400; }
:where(h1, h2, .hero__title, .hs__title, .precios__h) { font-weight: 500; letter-spacing: .01em; }
.hero__title { line-height: 1.08; }
.hero__title em, .air__col h2 em { font-style: normal; color: #D8B865; }
.air__col h2 em { color: #1D5C3F; }
.brand-t { font: 600 16px/1 var(--serif); letter-spacing: .08em; }
@media (min-width: 900px) { .brand-t { font-size: 18px; } }
.foot .wm__t { font-family: var(--serif); letter-spacing: .04em; }
.cq { font: italic 400 clamp(1.05rem, .85rem + .9vw, 1.4rem)/1.35 var(--sans); max-width: 36ch; margin: 0 0 14px; color: var(--paper); }
.cq span { display: block; margin-top: 4px; font: 400 var(--fs-label)/1.3 var(--sans); font-style: normal; color: var(--paper-80); letter-spacing: .04em; }
@media (min-width: 900px) { html.k-slides .air__it figure { aspect-ratio: 4 / 5; } html.k-slides .air__it img { height: 100%; object-fit: cover; } }
html:root { --glass-bg: rgb(22 32 26 / .80); }
html.k-slides body .hs__plate--live .hs__title { font-size: max(28px, calc(var(--fs-plate) * var(--k) * .62)); }
html.k-slides body .hero__title { font-size: max(28px, calc(var(--fs-h1) * var(--k) * .82)); }
