/* ============================================================
   Gonka.Top — Typography tokens
   Geist for everything visible; JetBrains Mono for the
   "engineering" voice (eyebrows, labels, stats, code, prices).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Geist', system-ui, -apple-system, sans-serif;
  --font-body:    'Geist', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weights ---- */
  --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 */

  /* ---- Display / heading scale (fluid, clamp-based) ---- */
  --text-hero:    clamp(40px, 6.5vw, 84px);  /* h1 hero */
  --text-display: clamp(32px, 4.5vw, 56px);  /* section titles */
  --text-h2:      clamp(32px, 4vw, 48px);    /* feature headings */
  --text-h3:      28px;                       /* card titles */
  --text-h4:      22px;
  --text-h5:      18px;

  /* ---- Body scale ---- */
  --text-lead: 20px;   /* hero sub / lead paragraphs */
  --text-lg:   17px;
  --text-md:   15px;   /* default body */
  --text-sm:   14px;
  --text-xs:   13px;

  /* ---- Mono / label scale ---- */
  --text-mono-md: 14px;
  --text-mono-sm: 12px;   /* eyebrows, stat labels */
  --text-mono-xs: 11px;   /* footer headers, micro-labels */
  --text-mono-2xs: 10px;  /* tag pills */

  /* ---- Line heights ---- */
  --lh-tight:   0.98;   /* @kind font */
  --lh-display: 1.05;   /* @kind font */
  --lh-snug:    1.15;   /* @kind font */
  --lh-normal:  1.5;    /* @kind font */
  --lh-relaxed: 1.65;   /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-hero:    -0.035em; /* @kind font */
  --ls-display: -0.03em;  /* @kind font */
  --ls-tight:   -0.02em;  /* @kind font */
  --ls-snug:    -0.01em;  /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-label:   0.08em;   /* @kind font */
  --ls-caps:    0.1em;    /* @kind font */
  --ls-caps-wide: 0.12em; /* @kind font */
}