/*
  Talove — единые CSS custom properties для всех независимых блоков
  Профильные сборки Talove (11ty). Источник значений — визуальная система
  Brand Book v1 «Тёплое объятие» + финальный знак 4A.

  Источник правды для всех блоков: подключается один раз в базовый
  layout (_includes/base.njk), блоки используют var(--…), не хардкодят
  hex/px повторно.
*/

:root {
  /* --- Цвет --- */
  --color-bg-page: #F8F0E6;
  --color-bg-surface: #FEFBF6;
  --color-border: #E7D3C4;
  --color-text-primary: #241914;
  --color-text-secondary: rgba(36, 25, 20, 0.68);
  --color-text-secondary-solid: #6B5A4F;

  --color-accent-coral: #D9694E;
  --color-accent-coral-hover: #C0543B;
  --color-accent-gold: #E0A85A;

  --color-bg-dark: #20160F;
  --color-text-on-dark: #F7F1E7;
  --color-text-on-dark-secondary: rgba(247, 241, 231, 0.6);
  --color-text-on-dark-link: rgba(247, 241, 231, 0.72);

  --color-success: #4F8A63;
  --color-warning: #CE8A34;
  --color-error: #C1493A;

  /* --- Шрифты --- */
  --font-display: 'Spectral', Georgia, serif;      /* заголовки, вес 500, italic — акценты */
  --font-body: 'Manrope', system-ui, sans-serif;    /* текст и UI, вес 400/600/700 */

  /* Заголовок блока (H2) */
  --fs-h2-mobile: 26px;
  --fs-h2-desktop: 38px;

  /* Заголовок карточки (H3-эквивалент) */
  --fs-card-title-mobile: 19px;
  --fs-card-title-desktop: 21px;

  /* Основной текст */
  --fs-body-mobile: 15px;
  --fs-body-desktop: 15.5px;

  /* Hero H1 */
  --fs-h1-mobile: 30px;
  --fs-h1-desktop: 54px;

  /* --- Отступы и сетка --- */
  --container-max-width: 1120px;
  --gutter-mobile: 20px;
  --gutter-desktop: 80px;

  --block-padding-y-mobile: 64px;   /* одинаково для всех блоков — единый ритм */
  --block-padding-y-desktop: 112px;

  --radius-card: 20px;
  --radius-pill: 999px;

  /* --- Брейкпоинт --- */
  --bp-mobile-max: 767px;
  --bp-desktop-min: 1024px;
}