/* 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: #8E2B6B;
  --plate-parejas: #91341D;
  --plate-familias: #5E419B;
  --plate-eventos: #24519A;
  --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; }
/* телефон: лица на главных кадрах серий над плашкой — плашка без описания и счётчика (они в просмотре серии),
   фигура поднята на --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)); }
}

/* ===== Josue Otazu: свой стиль поверх шаблона (08.10.2026) =====
   Его знак — геометрические прописные «JOSUE OTAZU PHOTOGRAPHY» белым по чёрному (O — объектив и видоискатель),
   его кадры — ночные фиесты XV с неоном. Поэтому: тёмный фон, светлые чернила, неоновые плашки (маджента, фиолет,
   синий, закат), шрифты Josefin Sans (геометрия знака) + Outfit. Движок не трогается — переменные, шрифты, точечные правки. */
@font-face { font-family: "Josefin Sans"; src: url(../assets/fonts/josefin-sans-400.woff2) format("woff2"); font-weight: 100 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Josefin Sans"; src: url(../assets/fonts/josefin-sans-400-italic.woff2) format("woff2"); font-weight: 100 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Outfit"; src: url(../assets/fonts/outfit-400.woff2) format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  --milk: #121016;            /* почти чёрный с фиолетом; ink 16,5:1 */
  --paper: #F7F4FA;
  --ink: #F2EEF6;
  --mute: #B4ADBD;            /* 8,7:1 на фоне */
  --line: #34303B;
  --deep: #121016;            /* тёмный текст на светлых кнопках */
  --paper-80: rgb(247 244 250 / .82);
  --paper-24: rgb(247 244 250 / .24);
  --serif: "Josefin Sans", "Outfit", "Helvetica Neue", Arial, sans-serif;
  --sans: "Outfit", "Helvetica Neue", Arial, sans-serif;
  --glass-bg: rgb(18 16 22 / .72);
  color-scheme: dark;
}
html { background: var(--milk); }
:where(h1, h2, h3, .hero__title, .hs__title, .precios__h) { font-weight: 600; letter-spacing: -.01em; }
.hero__title em, .air__col h2 em { font-style: normal; color: #E7A6D3; }   /* акцент как неон, без курсива */
/* светлые кнопки и выбранные поля: тёмный текст (иначе светлое на светлом) */
html body :is(.btn--paper, .capsule__wa, .seg input:checked + span, .calc select option) { color: var(--deep); }   /* html body — сильнее base.css/sections.css шаблона, которые грузятся позже */
@media (hover: hover) { html body .btn--line:hover { color: var(--deep); } html body .btn--paper:hover { background: #E9E3F0; } }
html body .skip { background: var(--paper); color: var(--deep); }
/* его знак: в одну строку в шапке и на входе, полный — в подвале */
.corner__logo img, .intro__name img { display: block; height: 15px; width: auto; }
@media (min-width: 900px) { .corner__logo img, .intro__name img { height: 17px; } }
.foot__logo { display: block; width: min(380px, 66vw); height: auto; margin: 0 auto; }
html.k-slides .foot__logo { width: min(380px, 56vw, calc(30 * var(--vu, 1svh))); }
.foot .wm, .foot .wm__line { display: none; }
/* настоящие отзывы над контактами */
.cq { font: 500 clamp(1.05rem, .85rem + .9vw, 1.45rem)/1.3 var(--serif); 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); color: var(--paper-80); letter-spacing: .04em; }
.cq + h2 { margin-top: 18px; }