/* Токены дизайн-системы (DESIGN.md, 4.1). Единственное место, где живут значения.
   Точки перелома для @media (в переменные их положить нельзя):
   480px — большой телефон, 768px — планшет, 1024px — ноутбук, 1440px — широкий экран. */
:root{
  /* Цвет */
  --color-bg:#fdfcfa;
  --color-surface:#f6f3ee;
  --color-surface-alt:#ece7de;
  --color-text:#211f1c;
  --color-text-muted:#6a655c;
  --color-primary:#211f1c;
  --color-primary-contrast:#fdfcfa;
  --color-accent:#a9684a;
  --color-accent-text:#94583c;      /* акцент для мелкого текста на светлом фоне, контраст выше AA */
  --color-border:#ddd7cc;
  --color-border-strong:#8f897e;    /* границы полей: контраст ≥ 3:1 к фону */
  --color-focus:#1f5fd1;
  --color-danger:#b3261e;
  --color-danger-bg:#fbeceb;
  --color-success:#2d6a3e;
  --color-success-bg:#e9f4ec;
  --color-warning:#8a5300;
  --color-warning-bg:#fcf1de;
  --color-info:#1f5fd1;
  --color-info-bg:#e8effc;
  --color-overlay:rgb(17 16 14 / .97);
  --color-scrim:rgb(17 16 14 / .55);

  /* Шрифты */
  --font-heading:"Cormorant","Cormorant Fallback",Georgia,serif;
  --font-body:"Onest","Onest Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  /* Шкала текста */
  --text-xs:.8125rem;
  --text-sm:.9375rem;
  --text-base:1.0625rem;
  --text-lg:clamp(1.1875rem,1.1rem + .4vw,1.4375rem);
  --text-xl:clamp(1.5rem,1.3rem + 1vw,2.25rem);
  --text-2xl:clamp(2rem,1.5rem + 2.4vw,3.5rem);
  --text-3xl:clamp(2.5rem,1.5rem + 4vw,5rem);
  --text-4xl:clamp(2.875rem,1.4rem + 7vw,7rem);
  --leading-tight:1.02;
  --leading-body:1.7;

  /* Отступы */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
  --space-air:clamp(80px,10vw,176px);

  /* Размеры */
  --container:1320px;
  --narrow:760px;
  --touch:44px;                     /* минимальная область нажатия */
  --control-h:52px;                 /* высота кнопки и поля */
  --control-h-sm:44px;

  /* Формы */
  --radius-sm:2px;
  --radius-md:6px;
  --radius-lg:12px;
  --radius-pill:999px;
  --border-w:1px;

  /* Тени (на сайте почти не нужны, в админке — для окон и меню) */
  --shadow-sm:0 1px 2px rgb(33 31 28 / .08);
  --shadow-md:0 8px 24px rgb(33 31 28 / .12);
  --shadow-lg:0 24px 64px rgb(33 31 28 / .22);

  /* Движение */
  --dur-fast:150ms;
  --dur-base:250ms;
  --dur-slow:600ms;
  --ease:cubic-bezier(.2,.7,.2,1);

  /* Слои */
  --z-header:10;
  --z-dock:30;
  --z-modal:100;
  --z-toast:200;
}