/* ============================================================
   псипро · ДИЗАЙН-ТОКЕНЫ
   Единый источник значений для лендинга, кабинетов и раннера.
   Контрасты текста проверены по WCAG AA.
   ============================================================ */
:root{
  /* — палитра — */
  --bg:#F4EFE4;          /* Бумага — фон */
  --surface:#FBF7EF;     /* Холст — поверхности */
  --fg:#2A2620;          /* Графит — текст */
  --muted:#6E695F;       /* Тон — вторичный текст (AA ≥4.5) */
  --accent:#C8714B;      /* Терракота vivid — КРУПНЫЕ заголовки и декор */
  --accent-ink:#9E4F2E;  /* Терракота ink — мелкий текст и кнопки (AA) */
  --accent-press:#8F4527;/* нажатие/ховер акцентной кнопки */
  --good:#3E8E58;        /* Лист — зелёный (норма) */
  --warn:#C98A44;        /* Янтарь — жёлтый (внимание) */
  --chip:#EDE5D5;        /* Песок — фон чипов/тегов */
  --line:rgba(42,38,32,.12);
  --line-soft:rgba(42,38,32,.07);

  /* — шрифты — */
  --serif:"Fraunces",Georgia,serif;
  --sans:"Manrope",system-ui,sans-serif;

  /* — ШКАЛА ОТСТУПОВ (база 4, ритм 8) — */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;

  /* — ТИПОШКАЛА — */
  --fs-display:clamp(2.5rem,5vw,4.5rem);
  --fs-h2:clamp(1.75rem,3vw,2.5rem);
  --fs-h3:1.375rem;     /* 22 */
  --fs-lg:1.1875rem;    /* 19 */
  --fs-body:1.0625rem;  /* 17 */
  --fs-sm:0.9375rem;    /* 15 */
  --fs-cap:0.8125rem;   /* 13 */
  --fs-label:0.6875rem; /* 11 */

  /* — высота строки — */
  --lh-tight:1.05; --lh-head:1.15; --lh-snug:1.3; --lh-body:1.6;

  /* — скругления — */
  --r-1:12px; --r-2:18px; --r-3:22px; --r-pill:999px;

  /* — компоненты — */
  --container:1120px; --gutter:var(--s-5);
  --header-h:72px;
  --btn-h:48px; --btn-h-sm:40px;
  --card-pad:var(--s-6);
  --section-y:var(--s-9);
  --grid-gap:var(--s-5);
  --measure:34em;

  --shadow-card:0 24px 48px -34px rgba(42,38,32,.4);
  --shadow-btn:0 8px 24px -10px rgba(42,38,32,.5);
}