/* ============================================================
   ЭТО / ETO STUDIO — TYPOGRAPHY TOKENS
   Two voices only: a tight grotesque for display/body, and a
   mono for every label, tag, kicker and nav item.
   No webfonts — the studio runs on the system Helvetica Neue
   grotesque and the system SF Mono. See readme for substitution.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-grotesk: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono:    'SFMono-Regular', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ---- Display scale (clamp-driven, editorial-huge) ---- */
  --type-mega:    clamp(96px, 21vw, 360px);  /* the ETO. wordmark */
  --type-hero:    clamp(40px, 7vw, 92px);    /* section heroes / contact */
  --type-h1:      clamp(34px, 5.2vw, 78px);  /* case titles */
  --type-h2:      clamp(30px, 5vw, 68px);    /* section heads */
  --type-h3:      clamp(30px, 4vw, 64px);    /* direction titles */
  --type-lead:    clamp(22px, 3.4vw, 40px);  /* hero statement */
  --type-xl:      clamp(16px, 1.7vw, 21px);  /* contact values */
  --type-body:    clamp(14px, 1.1vw, 16.5px);/* paragraphs */
  --type-sm:      15px;                       /* dense copy */
  --type-caption: 14.5px;                     /* notes */

  /* ---- Mono / label scale ---- */
  --type-label:    11.5px;   /* nav, kickers */
  --type-label-sm: 10.5px;   /* tags, micro-labels */
  --type-label-xs: 10px;     /* on-image tags */

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium:  600;
  --weight-bold:    700;
  --weight-black:   800;

  /* ---- Tracking (grotesque tightens, mono opens up) ---- */
  --track-mega:  -0.045em;
  --track-tight: -0.03em;
  --track-snug:  -0.02em;
  --track-flat:  -0.01em;
  --track-label: 0.16em;   /* nav / kicker */
  --track-tag:   0.12em;   /* tags */
  --track-wide:  0.18em;   /* logo subtitle, hero kicker */

  /* ---- Line heights (display is set TIGHT) ---- */
  --leading-mega: 0.82;
  --leading-tight: 0.9;
  --leading-snug: 0.96;
  --leading-head: 1.05;
  --leading-body: 1.55;
  --leading-copy: 1.6;
}