/* 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: #38517D;
  --plate-parejas: #164E48;
  --plate-familias: #1C2038;
  --plate-eventos: #714162;
  --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)); }
}

/* ===== Elías Ledesma: свой стиль поверх шаблона (08.10.2026) =====
   Его знак — антиква «E» тёмно-синего цвета с зелёными засечками, подпись «Elias Ledesma Fotografía»; хайлайты тёмно-синие.
   Поэтому: светлый тёплый фон, тёмно-синие чернила, зелёный акцент, плашки синий/зелёный/тёмно-синий/слива,
   шрифты Marcellus (антиква как в знаке) + Quicksand (округлый как «Fotografía»), стекло шапки тёмно-синее. */
@font-face { font-family: "Marcellus"; src: url(../assets/fonts/marcellus-400.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Quicksand"; src: url(../assets/fonts/quicksand-500.woff2) format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
:root {
  --milk: #F7F5F0;
  --paper: #FAF8F3;
  --ink: #1C2038;             /* его тёмно-синий; на фоне 15:1 */
  --mute: #4F5670;
  --line: #DAD9DF;
  --paper-80: rgb(250 248 243 / .82);
  --paper-24: rgb(250 248 243 / .24);
  --serif: "Marcellus", "EB Garamond", Georgia, serif;
  --sans: "Quicksand", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --glass-bg: rgb(28 32 56 / .80);
  --brand: #1C2038;           /* фирменная плоскость — его тёмно-синий */
}
html { background: var(--milk); }
body { font-weight: 500; }
.hero__title em, .air__col h2 em { font-style: normal; color: #9FD3C4; }   /* зелёный его знака, осветлённый для тёмного фона */
.air__col h2 em { color: #164E48; }
/* его знак: подпись в шапке и на входе, полный знак в подвале */
.corner__logo img, .intro__name img { display: block; height: 20px; width: auto; }
@media (min-width: 900px) { .corner__logo img, .intro__name img { height: 22px; } }
.foot__logo { display: block; width: min(300px, 52vw); height: auto; margin: 0 auto; }
html.k-slides .foot__logo { width: min(300px, 46vw, calc(19 * var(--vu, 1svh))); }
.foot .wm, .foot .wm__line { display: none; }
.cq { font: 400 clamp(1.05rem, .85rem + .9vw, 1.45rem)/1.35 var(--serif); max-width: 36ch; margin: 0 0 14px; color: var(--paper); }
.cq span { display: block; margin-top: 4px; font: 500 var(--fs-label)/1.3 var(--sans); color: var(--paper-80); letter-spacing: .04em; }
.cq + h2 { margin-top: 18px; }
/* ПК, «Hola, soy Elías»: его кадры 2:3 выше, чем рассчитана россыпь (≈1,08 ширины) — кадрируем 4:5, иначе слайд не влезает */
@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; } }

/* стекло шапки и капсулы — его/её цвет (base.css шаблона задаёт --glass-bg на :root позже, поэтому html:root) */
html:root { --glass-bg: rgb(28 32 56 / .80); }
