/* SUA v4 — tokens. СТРОГО по SSOT бренда: DESIGN.md §3 «стадии огня»
   + BRANDBOOK §5. База тёмная (сажа), текст = пепел, жар = редкая специя (≤3%),
   медь (gold) = детали сервиса. Пропорции: 70% bg/surface · 20% ash · 7% gold · 3% ember. */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..600&family=Instrument+Sans:wght@400;500&family=Fragment+Mono&display=swap");

:root {
  /* — стадии огня (DESIGN.md §3, дословно) — */
  --bg: #0e0b09;        /* сажа-чёрный, база */
  --surface: #171210;   /* тёплый уголь: чередование секций */
  --coal: #241a15;      /* границы, разделители */
  --ember: #e4572e;     /* основной акцент: display-размеры, линии */
  --flame: #ff7a3d;     /* пиковые моменты: ховеры, дозированно */
  --gold: #c89b5a;      /* медь: подписи-детали, рамки, тепло сервиса */
  --ash: #ede6da;       /* основной текст: то, что остаётся после огня */
  --ash-dim: #a89b8c;   /* muted-текст */

  /* — типографика (DESIGN.md §4) — */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Instrument Sans", Helvetica, sans-serif;
  --font-mono: "Fragment Mono", "Courier New", monospace;

  /* display: канон clamp(3rem, 8vw, 7.5rem); механика «мясо на буквах» — до 11vw */
  --giant-size: clamp(64px, 11vw, 168px);
}