/* ============================================================
   Kreayotoo — Typography tokens
   Inter for everything (display → UI), JetBrains Mono for code.
   ============================================================ */
:root {
  /* --- Families ------------------------------------------- */
  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* --- Type scale (px) — 1.25 major-third-ish ------------- */
  --fs-display-2xl: 72px;
  --fs-display-xl:  60px;
  --fs-display-lg:  48px;
  --fs-h1:          38px;
  --fs-h2:          30px;
  --fs-h3:          24px;
  --fs-h4:          20px;
  --fs-lg:          18px;
  --fs-base:        16px;
  --fs-sm:          14px;
  --fs-xs:          13px;
  --fs-2xs:         11px;

  /* --- Line heights --------------------------------------- */
  --lh-tight:   1.05; /* @kind other */
  --lh-snug:    1.2;  /* @kind other */
  --lh-normal:  1.5;  /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* --- Letter spacing ------------------------------------- */
  --ls-tighter: -0.03em;  /* @kind other */
  --ls-tight:   -0.018em; /* @kind other */
  --ls-normal:  0em;      /* @kind other */
  --ls-wide:    0.02em;   /* @kind other */
  --ls-wider:   0.08em; /* @kind other */

  /* --- Semantic text roles -------------------------------- */
  --text-display-font:   var(--font-display);
  --text-display-weight: var(--fw-extrabold);
  --text-heading-weight: var(--fw-bold);
  --text-eyebrow-weight: var(--fw-semibold);
}