/* ============================================================
   FILUM — TYPOGRAPHY TOKENS
   Display & UI: Outfit (geometric, rounded, confident)
   Long-form / data: IBM Plex Sans (calm, neutral, legible)
   ============================================================ */

:root {
  /* Families */
  --font-display: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-text: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Weights — Outfit Black (900) drives big statements; 700 for UI headings */
  --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 (rem, 1rem = 16px) */
  --fs-display-2xl: 5.5rem;   /* 88px — hero / section openers */
  --fs-display-xl: 4rem;      /* 64px */
  --fs-display-lg: 3rem;      /* 48px */
  --fs-h1: 2.25rem;           /* 36px */
  --fs-h2: 1.75rem;           /* 28px */
  --fs-h3: 1.375rem;          /* 22px */
  --fs-h4: 1.125rem;          /* 18px */
  --fs-body-lg: 1.125rem;     /* 18px */
  --fs-body: 1rem;            /* 16px */
  --fs-body-sm: 0.875rem;     /* 14px */
  --fs-caption: 0.75rem;      /* 12px */
  --fs-overline: 0.6875rem;   /* 11px */

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

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind font */
  --ls-snug: -0.01em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.04em; /* @kind font */
  --ls-overline: 0.14em; /* @kind font */
}