/* ============================================================
   10of10 · Typography tokens
   Two registers share one voice:
   • MARKETING — CoFo Raffine (display) + Golos Text (body),
     Playfair Accent italic for the «of» connector & emphasis.
   • PRODUCT  — Playfair Display (serif headings/quotes) + Outfit
     (UI sans). Numerals & the wordmark are always CoFo Raffine.
   ============================================================ */
:root {
  /* ---------- families ---------- */
  --font-display: 'CoFo Raffine', 'Didot', 'Georgia', serif;       /* logo, big numerals, prices */
  /* ПРОДУКТОВЫЙ СЕРИФ — ORANIENBAUM (20.08, эталон home.dc.html).
     Узкий дидон БЕЗ курсивного начертания: это не «Playfair в другом весе», а
     другая гарнитура — поэтому меняется ЗНАЧЕНИЕ токена, а не заводится
     переопределение поверх (второй слой пришлось бы держать после этого файла
     и он разъехался бы с ним при первой правке). Курсив у гарнитуры
     отсутствует: fontStyle:'italic' снят на всех экранах разом — иначе
     браузер синтезировал бы наклон и портил рисунок литер.
     Playfair остаётся ниже фолбэком и живёт своей жизнью в --font-accent
     (связка «10из10», акцентный курсив маркетинга). */
  --font-serif:   'Oranienbaum', 'Playfair Display', 'Georgia', serif;  /* product headings, verdicts */
  --font-accent:  'Playfair Accent', 'Playfair Display', 'Georgia', serif; /* italic connector & emphasis */
  --font-sans:    'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* marketing body */
  --font-ui:      'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;  /* product UI — Cyrillic-native */

  /* ---------- marketing modular scale · base 17 · ratio ~1.25 ---------- */
  --fs-eyebrow: 11px; /* @kind font */
  --fs-small:   13.5px; /* @kind font */
  --fs-body:    17px; /* @kind font */
  --fs-lead:    clamp(18px, 1.2vw, 20px); /* @kind font */
  --fs-h3:      clamp(22px, 1.7vw, 26px); /* @kind font */
  --fs-h2:      clamp(30px, 3.6vw, 44px); /* @kind font */
  --fs-h1:      clamp(40px, 5.2vw, 58px); /* @kind font */
  --fs-display: clamp(56px, 8vw, 96px); /* @kind font */

  /* ---------- product UI scale (Atelier panel · 393px width) ---------- */
  --fs-ui-micro: 9px; /* @kind font */
  --fs-ui-tiny:  10px; /* @kind font */
  --fs-ui-xs:    11px; /* @kind font */
  --fs-ui-sm:    12px; /* @kind font */
  --fs-ui-base:  14px; /* @kind font */
  --fs-ui-quote: 19px; /* @kind font */
  --fs-ui-name:  24px; /* @kind font */
  --fs-ui-score: 62px; /* @kind font */

  /* ---------- weights ---------- */
  --fw-thin:    100; /* @kind font */
  --fw-light:   300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:    700; /* @kind font */

  /* ---------- line-heights ---------- */
  --lh-tight:   1.08; /* @kind font */
  --lh-snug:    1.16; /* @kind font */
  --lh-body:    1.65; /* @kind font */
  --lh-quote:   1.6; /* @kind font */

  /* ---------- letter-spacing ---------- */
  --ls-display: -.02em; /* @kind font */
  --ls-heading: -.015em; /* @kind font */
  --ls-eyebrow: .24em; /* @kind font */
  --ls-label:   .12em; /* @kind font */
  --ls-mark:    .005em; /* @kind font */
}