/*
 * LUCKY GENIUS LABS — Font Token System
 * Ukrainian font system: e-Ukraine (UI/body) + Kyiv Type (brand/accent/ritual)
 * Spec: docs/brand/fonts/UNIVERS_IN_TOUCH_UA_TWO_FONT_SYSTEM_PROPOSAL_v0.2.md
 *
 * HOW TO ACTIVATE REAL FONTS:
 * 1. Download e-Ukraine from https://e-ukraine.design/
 * 2. Download Kyiv Type from https://korolenko.kharkov.com/
 * 3. Place .woff2 files in: static/fonts/e-ukraine/ and static/fonts/kyiv-type/
 * 4. Uncomment the @font-face blocks below
 * Until then: system fallback renders correctly with Inter/system-ui.
 */

/* ── @font-face declarations (uncomment after adding font files) ──────────
@font-face {
  font-family: "e-Ukraine";
  src: url("/static/fonts/e-ukraine/e-Ukraine-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "e-Ukraine";
  src: url("/static/fonts/e-ukraine/e-Ukraine-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "e-Ukraine Head";
  src: url("/static/fonts/e-ukraine/e-UkraineHead-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "e-Ukraine Head";
  src: url("/static/fonts/e-ukraine/e-UkraineHead-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kyiv Type Sans";
  src: url("/static/fonts/kyiv-type/KyivTypeSans-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kyiv Type Serif";
  src: url("/static/fonts/kyiv-type/KyivTypeSerif-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
─────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Font role tokens ───────────────────────────────────────────────── */
  --font-body:          "e-Ukraine", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-heading:       "e-Ukraine Head", "e-Ukraine", Inter, ui-sans-serif, system-ui, sans-serif;
  --font-service:       "e-Ukraine", Inter, ui-sans-serif, system-ui, sans-serif;
  --font-brand:         "Kyiv Type Sans", "e-Ukraine Head", Inter, ui-sans-serif, system-ui, sans-serif;
  --font-ritual:        "Kyiv Type Serif", Georgia, "Times New Roman", serif;
  --font-ritual-title:  "Kyiv Type Titling", "Kyiv Type Serif", Georgia, serif;
  --font-code:          ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  /* ── Font size scale ────────────────────────────────────────────────── */
  --text-xs:   0.72rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.15rem;
  --text-xl:   1.35rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.25rem;
  --text-hero: clamp(2.8rem, 9vw, 6.5rem);

  /* ── Letter-spacing tokens ──────────────────────────────────────────── */
  --ls-tight:   -0.045em;
  --ls-heading: -0.025em;
  --ls-base:    0;
  --ls-wide:    0.06em;
  --ls-wider:   0.14em;
  --ls-widest:  0.28em;

  /* ── Line-height tokens ─────────────────────────────────────────────── */
  --lh-hero:    0.97;
  --lh-heading: 1.06;
  --lh-body:    1.48;
  --lh-relaxed: 1.68;
}