/* Framerist — единый источник правды для дизайн-системы (luxe-editorial).
   Визуальный язык — по сайту Анны Ульяновой как референс:
   Tenor Sans (caps) + Inter light (body), монохром, wide letter-spacing,
   щедрые отступы, hover через opacity, hairline borders, без теней/скруглений. */

:root {
  /* ============ Палитра (монохром, без акцентного цвета) ============ */
  --ink:          #1a1a1a;    /* основной текст и активные линии */
  --ink-soft:     #4a4744;    /* вторичный текст */
  --muted:        #8a8a85;    /* приглушённый текст */
  --cream:        #fafaf8;    /* основной фон (тёплый off-white) */
  --paper:        #fafaf8;    /* поверхности — тот же фон без контраста */
  --line:         #e7e5dd;    /* hairline-граница */
  --line-dark:    #2c2c2c;    /* граница на тёмных поверхностях (lightbox и т.п.) */
  --error:        #c63a3a;    /* валидация форм */

  /* ============ Типографика ============ */
  --font-display: "Tenor Sans", "Times New Roman", serif;
  --font-body:    "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Consolas, monospace;

  /* размеры. Минимум — 12px, ничего мельче на пользовательском UI. */
  --fs-caption:   12px;
  --fs-small:     12px;
  --fs-body:      14px;
  --fs-body-lg:   15px;
  --fs-lead:      18px;
  --fs-h4:        16px;
  --fs-h3:        22px;
  --fs-h2:        32px;
  --fs-h1:        clamp(28px, 5vw, 48px);
  --fs-hero:      clamp(40px, 9vw, 128px);

  /* tracking — wide для всего caps-текста, по эстетике Анны */
  --ls-base:       0;
  --ls-caps-tight: 0.22em;
  --ls-caps:       0.32em;
  --ls-caps-wide:  0.45em;

  /* line-height */
  --lh-tight: 1;
  --lh-base:  1.65;
  --lh-loose: 1.8;

  /* веса (display всегда 400 regular; body — 300 light) */
  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;

  /* ============ Геометрия ============ */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 140px;   /* щедрые вертикальные отступы между крупными секциями */

  --bw-hair:   1px;
  --bw-strong: 2px;
  --radius:    0;      /* sharp luxe — никаких скруглений */

  /* контентные ширины */
  --content-narrow: 480px;
  --content-base:   720px;
  --content-wide:   960px;
  --content-full:   1240px;

  /* ============ Движение ============ */
  --t-fast: 120ms;
  --t-base: 180ms;
  --t-slow: 280ms;
  --ease:   cubic-bezier(.2, .7, .2, 1);

  /* ============ Слои ============ */
  --z-flash:   50;
  --z-tooltip: 80;
  --z-modal:   100;
}