/* ============================================================
   Дизайн-токены — сайт храма Воздвижения Креста Господня
   на Чистом Вражке. Перенесены из одобренного макета задачи 07
   (docs/design-handoff/tokens.css); акцент — утверждённый
   вариант «Кирпич» (terracotta), переключатель вариантов удалён.
   Принцип палитры: охра = киноварь («красная строка») —
   только для литургического и временного, не для декора.
   ============================================================ */

/* --- Шрифты (self-hosted) ------------------------------------
   Заголовки — TT Trailers: ТРИАЛ (боевая веб-лицензия покупается
   перед go-live, задача 26; тогда файл и имя семейства меняются
   только здесь). Текст — PT Serif и Inter, woff2 с кириллицей
   (сабсеты cyrillic + cyrillic-ext + latin, gwfh.mranftl.com). */

@font-face {
  font-family: "TT Trailers Trial";
  src: url("../fonts/tt-trailers-trial/tt-trailers-trial-bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "PT Serif";
  src: url("../fonts/pt-serif/pt-serif-v19-cyrillic_cyrillic-ext_latin-regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "PT Serif";
  src: url("../fonts/pt-serif/pt-serif-v19-cyrillic_cyrillic-ext_latin-italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "PT Serif";
  src: url("../fonts/pt-serif/pt-serif-v19-cyrillic_cyrillic-ext_latin-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-v20-cyrillic_cyrillic-ext_latin-regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-v20-cyrillic_cyrillic-ext_latin-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-v20-cyrillic_cyrillic-ext_latin-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-v20-cyrillic_cyrillic-ext_latin-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* --- Фон и текст (светлая тема) --- */
  --bg: #FBF7EF;            /* тёплый кремовый, лён */
  --bg-raised: #FFFDF8;     /* карточки на кремовом */
  --ink: #26231D;           /* почти чёрный, тёплый */
  --ink-soft: #57503F;      /* вторичный текст */
  --ink-faint: #6E6654;     /* подписи, даты новостей (≥4.5:1 на кремовом) */
  --ink-scrim: rgba(38, 35, 29, 0.45); /* полупрозрачный тон от --ink: кнопки поверх фото */
  --line: #E4DCCB;          /* линейки, границы карточек */
  --line-strong: #C9BEA6;

  /* --- Тёмная карточка (расписание / календарь) --- */
  --card-dark: #182430;       /* глубокий тёмно-синий, разрешён брифом */
  --card-dark-raised: #1F2E3C;
  --on-dark: #F3EEE2;         /* текст на тёмном */
  --on-dark-soft: #C0BBAD;
  --on-dark-line: rgba(243, 238, 226, 0.14);

  /* --- Акцент «Кирпич» (тёмно-красный кирпич; значения Александра,
         утверждён в макете 07 как data-ochre="terracotta") --- */
  --accent: #A93E26;
  --accent-ink: #B54A1E;      /* мелкий текст/ссылки: затемнённый вариант #D15A25 (≥4.5:1) */
  --accent-bright: #D15A25;   /* крупные акценты и hover-состояния */
  --accent-on-dark: #E86151;  /* акцент на тёмной карточке */
  --accent-wash: #F5E0D8;     /* акцентная подложка (теги, hover) */
  --on-accent: #FFF3EE;       /* текст на акцентных кнопках */

  /* --- Типографика --- */
  --font-display: "TT Trailers Trial", "PT Serif", Georgia, serif;
  --font-serif: "PT Serif", "Noto Serif", Georgia, serif;
  --font-sans: "Inter", "Segoe UI", system-ui, sans-serif;

  --text-body: 1.0625rem;     /* 17px — длинные кириллические тексты */
  --leading-body: 1.6;
  --text-caption: 0.875rem;   /* 14px */
  --text-small: 0.8125rem;    /* 13px */
  --measure: 65ch;            /* мера строки для русского текста */

  --h1: clamp(2.125rem, 1.4rem + 3vw, 3.5rem);
  --h2: clamp(1.75rem, 1.35rem + 1.9vw, 2.625rem); /* крупнее обычного: сжатый TT Trailers */
  --h3: 1.25rem;
  --leading-heads: 1.18;

  /* --- Сетка и отступы (кратно 4/8) --- */
  --container: 1200px;
  --gutter: clamp(16px, 4vw, 32px);
  --s-1: 4px;  --s-2: 8px;  --s-3: 16px; --s-4: 24px;
  --s-5: 32px; --s-6: 48px; --s-7: 64px; --s-8: 96px;

  /* --- Форма --- */
  --radius: 6px;              /* сдержанно, книжно */
  --radius-arch: 46% 46% 0 0 / 30% 30% 0 0; /* килевидная арка для изображений */
  --shadow-card: 0 1px 2px rgba(38, 35, 29, 0.05), 0 8px 24px rgba(38, 35, 29, 0.07);
  --shadow-lift: 0 2px 4px rgba(38, 35, 29, 0.06), 0 14px 32px rgba(38, 35, 29, 0.11);

  /* --- Движение: только transform/opacity --- */
  --t-fast: 160ms;
  --t-slow: 240ms;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
}