/* frex.digital — Typography
   Display: Syne (700/800) for hero & section headers — set TIGHT, large.
   Body/UI: Plus Jakarta Sans — legible at every size.
   Mono: JetBrains Mono for eyebrow labels / numeric / technical accents. */

:root {
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* Type scale (fluid where it matters; rem otherwise) */
  --fs-display: clamp(3rem, 7vw, 6.5rem); /* @kind font */
  --fs-h1: clamp(2.4rem, 4.5vw, 4rem); /* @kind font */
  --fs-h2: clamp(1.9rem, 3vw, 2.75rem); /* @kind font */
  --fs-h3: 1.5rem; /* @kind font */
  --fs-h4: 1.25rem; /* @kind font */
  --fs-lg: 1.125rem; /* @kind font */
  --fs-body: 1rem; /* @kind font */
  --fs-sm: 0.875rem; /* @kind font */
  --fs-xs: 0.75rem; /* @kind font */
  --fs-eyebrow: 0.8125rem; /* @kind font */

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

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

  /* Letter spacing */
  --ls-display: -0.03em; /* @kind font */
  --ls-heading: -0.02em; /* @kind font */
  --ls-body: 0; /* @kind font */
  --ls-eyebrow: 0.22em; /* @kind font */
}