/* Slidr typography tokens.
   Headlines: Neutraface Text (brand display). Body/UI: Inter + system sans fallback.
   Neutraface is loaded via @font-face (tokens/fonts.css). Inter loaded via Google Fonts in pages. */
:root {
  /* Families */
  --font-display: "Neutraface Text", "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  /* Legacy alias */
  --font: var(--font-sans);

  /* Font sizes */
  --fs-display: clamp(2.4rem, 5vw, 3.25rem); /* @kind font */
  --fs-h1: 2.25rem;
  --fs-h2: 1.75rem;
  --fs-h3: 1.375rem;
  --fs-h4: 1.125rem;
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-cap: 0.75rem;

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

  /* Line heights */
  --lh-tight: 1.1; /* @kind other */
  --lh-snug: 1.3; /* @kind other */
  --lh-normal: 1.6; /* @kind other */

  /* Letter spacing */
  --ls-tight: -0.03em; /* @kind other */
  --ls-snug: -0.02em; /* @kind other */
  --ls-wide: 0.14em; /* @kind other */ /* eyebrows, captions */
}