/* Fraga DEV — Typography tokens
   Redsans is the single brand typeface (Light 300 / Regular 400).
   It is geometric, wide, and set in ALL CAPS for the wordmark and
   headings. Body copy uses sentence case at Regular weight. */

:root {
  --font-brand: "Redsans", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;

  /* Weights — Redsans ships Light + Regular only */
  --fw-light: 300;    /* @kind other */
  --fw-regular: 400;  /* @kind other */
  --fw-medium: 500;   /* @kind other */

  /* Type scale (1.25 major-third-ish, tuned for a wide face) */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 22px;
  --text-xl: 28px;
  --text-2xl: 36px;
  --text-3xl: 48px;
  --text-4xl: 64px;
  --text-display: 84px;

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

  /* Redsans is wide; brand headings get generous tracking in caps */
  --tracking-display: 0.06em;
  --tracking-heading: 0.04em;
  --tracking-caps: 0.14em;   /* eyebrows / labels */
  --tracking-normal: 0;
  --tracking-tight: -0.01em;
}