/* ==========================================================================
   CHKEY.ch — Typography tokens
   Display: Manrope (modern) · Body: Open Sans (brand) · Mono: JetBrains Mono
   ========================================================================== */

:root {
  /* ---- Families --------------------------------------------------------- */
  --font-display: 'Manrope', 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* ---- Weights ---------------------------------------------------------- */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* ---- Type scale (px, 1.250 major-third-ish, tuned for commerce) ------- */
  --fs-display:  clamp(2.75rem, 1.8rem + 3.4vw, 4.25rem); /* @kind spacing */
  --fs-h1:       2.5rem;    /* 40 */
  --fs-h2:       2rem;      /* 32 */
  --fs-h3:       1.5rem;    /* 24 */
  --fs-h4:       1.25rem;   /* 20 */
  --fs-h5:       1.0625rem; /* 17 */
  --fs-lg:       1.125rem;  /* 18 lead */
  --fs-body:     1rem;      /* 16 */
  --fs-sm:       0.875rem;  /* 14 */
  --fs-xs:       0.75rem;   /* 12 labels */
  --fs-price:    2rem;      /* prominent price */

  /* ---- Line heights ----------------------------------------------------- */
  --lh-tight:   1.08; /* @kind font */
  --lh-snug:    1.25; /* @kind font */
  --lh-normal:  1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing --------------------------------------------------- */
  --ls-tight:   -0.02em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-wide:    0.02em; /* @kind font */
  --ls-caps:    0.08em;   /* @kind font */
  --ls-key:     0.12em;   /* @kind font */

  /* ---- Semantic roles --------------------------------------------------- */
  --text-eyebrow-size:   var(--fs-xs);
  --text-eyebrow-weight: var(--fw-bold);
}