/* ═══════════════════════════════════════════════════════════
   ДИЗАЙН-ТОКЕНЫ — единый источник правды для всего сайта.
   Хочешь поменять цвет/шрифт/отступ везде разом — правь ЗДЕСЬ,
   а не в отдельных файлах. Остальные css ссылаются только на эти
   переменные.  Референс: quiet luxury · navy · крем · оранжевый.
   ═══════════════════════════════════════════════════════════ */
:root{
  /* ── Цвет ── */
  --canvas:#ffffff;        /* белый холст (поле вокруг листа) */
  --bg:#fbfaf6;            /* кремовый «лист» контента */
  --panel:#ffffff;         /* карточки, поверхности */
  --navy:#16264a;          /* основной тёмно-синий: текст, заголовки, блоки */
  --navy-d:#0e1b36;        /* глубокий navy */
  --sub:#5a6472;           /* вторичный текст */
  --line:#eae8e0;          /* тонкие линии, границы */
  --orange:#e0551d;        /* акцент — оранжевый (по капле) */
  --orange-d:#bd4715;      /* оранжевый hover/нажатый */
  --blue:#bcd6e4;          /* голубые превью-плашки */
  --blue-t:#e4eef4;        /* голубая подложка блоков и карточек */
  --blue-deep:#2f5f86;     /* насыщенный голубой */
  --green:#3f7d5a;         /* зелёный (данные) */
  --ph:#bcd6e4;            /* заглушка под картинку */

  /* ── Подложки блоков (правь тон здесь) ── */
  --band-projects:#efe7d7;      /* песочная подложка блока «Проекты» */
  --band-projects-line:#ddd2ba; /* граница мини-карточек на песке */

  /* ── Шрифты ── */
  --font-serif:'Instrument Serif',Georgia,serif;   /* заголовки */
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; /* текст, UI */

  /* ── Типографика (clamp — адаптив) ── */
  --text-hero:clamp(44px,6.6vw,76px);
  --text-h2:clamp(30px,4vw,44px);
  --text-h3:24px;
  --text-num:clamp(34px,4.6vw,54px);
  --text-lead:clamp(19px,2.2vw,24px);
  --text-body:18px;
  --text-small:14px;
  --text-eyebrow:13px;

  /* ── Отступы ── */
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:34px;
  --space-5:48px; --space-6:60px; --space-7:70px; --space-8:90px;
  --page-pad:48px;         /* боковые поля листа (десктоп) */
  --hero-pad-top:48px;     /* верхний отступ героя (главная) */

  /* ── Радиусы ── */
  --radius-sm:3px; --radius-md:10px; --radius-lg:16px; --radius-xl:22px;

  /* ── Тени ── */
  --shadow-card:0 16px 38px rgba(22,38,74,.14);
  --shadow-float:0 40px 100px rgba(24,50,80,.18);

  /* ── Раскладка ── */
  --maxw:1080px;
}