/* =========================================================================
   Inna Shtol — дизайн-токены
   Палитра выведена из усреднённых доминирующих цветов 15 работ каталога
   (см. DESIGN.md, раздел «Палитра»). Ничего не подбиралось «на глаз».
   ========================================================================= */

:root {
  /* --- Ночь: фоны разделов с живописью ------------------------------- */
  --night-900: #040d22;  /* основной фон ночных страниц */
  --night-800: #07142f;  /* панели, подложки карточек */
  --night-700: #0c1f45;  /* границы, разделители на тёмном */
  --ultramarine: #16357a; /* заливки, активные состояния */

  /* --- Свет: фоны текстовых разделов --------------------------------- */
  --bone: #e7e4d6;       /* основной фон светлых страниц («лунный свет») */
  --bone-2: #dcd8c7;     /* подложки, поля ввода, таблицы */
  --ink: #0b1730;        /* основной текст на светлом */
  --ink-muted: #4a5570;  /* второстепенный текст на светлом */

  /* --- Акценты -------------------------------------------------------- */
  --gold: #c2a768;       /* охра: подписи, служебные данные, рамки */
  --teal: #58a8c2;       /* бирюза окна: ссылки на тёмном */
  --ray: #e4662a;        /* «последний луч»: единственный яркий акцент */
  --burgundy: #6b1a1e;   /* редкий цвет состояния */

  /* --- Текст на тёмном ------------------------------------------------ */
  --on-night: #e7e4d6;
  --on-night-muted: #92a2be;

  /* --- Типографика ---------------------------------------------------- */
  --font-display: "Prata", "Playfair Display", Georgia, serif;
  --font-body: "Golos Text", "PT Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;

  --step-display-xl: clamp(2.75rem, 6.2vw, 4.75rem); /* имя на первом экране */
  --step-display-l: clamp(2rem, 3.6vw, 2.9rem);      /* заголовок раздела, название картины */
  --step-display-m: clamp(1.45rem, 2.1vw, 1.85rem);  /* заголовок серии, карточки */
  --step-body-l: clamp(1.05rem, 1.25vw, 1.19rem);    /* вводный текст */
  --step-body: 1.0313rem;                            /* основной текст */
  --step-meta: 0.8125rem;                            /* данные этикетки */
  --step-label: 0.7188rem;                           /* надзаголовки, меню */

  /* --- Ритм ----------------------------------------------------------- */
  --gutter: 1.75rem;
  --page-x: clamp(1.25rem, 5vw, 4rem);
  --page-max: 85rem;         /* 1360px */
  --text-max: 40rem;         /* 640px — предел строки основного текста */
  --section-y: clamp(4.5rem, 9vw, 8.5rem);

  /* --- Прочее ---------------------------------------------------------- */
  --hairline: 1px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.55s;
}