/* 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: #614870;
  --plate-parejas: #5F4F28;
  --plate-familias: #7A3E4E;
  --plate-eventos: #4A5439;
  --brand: var(--plate-bodas);  /* Lu: её фиолетовый из логотипа *//* фирменная плоскость: занавес входа, цены, контакты, подвал */

  --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; } }

/* Lu Pfannl: короткое имя в подвале по центру (кегль ограничен высотой слайда) */
html.k-slides .foot .wm { text-align: center; }
/* Lu Pfannl, телефон: лица на главных кадрах серий над плашкой — плашка без описания и счётчика (они в просмотре серии),
   фигура поднята на --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)); }
}