/* Willeasy — Typography tokens.
   Inter everywhere; Gochi Hand ONLY for the "I am a Willer" sub-brand / logo wordmark.
   Body min 16px (product) / 20px (slides). Line-height >= 1.5 for readability (WCAG). */
:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-hand: "Gochi Hand", "Inter", cursive; /* sub-brand only */
  --font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;

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

  /* Type scale (product UI) */
  --fs-caption: 0.8125rem;  /* 13px */
  --fs-small: 0.875rem;     /* 14px */
  --fs-body: 1rem;          /* 16px — base */
  --fs-body-lg: 1.125rem;   /* 18px */
  --fs-h4: 1.25rem;         /* 20px */
  --fs-h3: 1.5rem;          /* 24px */
  --fs-h2: 2rem;            /* 32px */
  --fs-h1: 2.75rem;         /* 44px */
  --fs-display: 3.5rem;     /* 56px */

  /* Line heights */
  --lh-tight: 1.15; /* @kind other */
  --lh-heading: 1.25; /* @kind other */
  --lh-body: 1.6; /* @kind other */

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide: 0.04em; /* @kind other */
}