/* RRA Group — Typography tokens
   Sora for display (confident, geometric, editorial), Inter for body/UI,
   JetBrains Mono for eyebrows, labels, and data. Sentence case everywhere
   except the logo. */

:root {
  /* ---- Families ---- */
  --font-display: "Sora", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* ---- Desktop type scale (Relume, lg breakpoint) ---- */
  --text-h1: 5.25rem; /* 84px */
  --text-h2: 3.75rem; /* 60px */
  --text-h3: 3rem; /* 48px */
  --text-h4: 2.5rem; /* 40px */
  --text-h5: 2rem; /* 32px */
  --text-h6: 1.625rem; /* 26px */
  --text-large: 1.625rem; /* 26px */
  --text-medium: 1.25rem; /* 20px */
  --text-regular: 1.125rem; /* 18px */
  --text-small: 1rem; /* 16px */
  --text-tiny: 0.75rem; /* 12px */

  /* ---- Line heights ---- */
  --leading-heading: 1.1;
  --leading-snug: 1.2;
  --leading-body: 1.6;

  /* ---- Letter spacing ---- */
  --tracking-heading: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-eyebrow: 0.18em; /* mono caps eyebrows */
}

/* Mobile / small-screen type scale (Relume base sizes) */
@media (max-width: 991px) {
  :root {
    --text-h1: 3rem; /* 48px */
    --text-h2: 2.75rem; /* 44px */
    --text-h3: 2rem; /* 32px */
    --text-h4: 1.5rem; /* 24px */
    --text-h5: 1.25rem; /* 20px */
    --text-h6: 1.125rem; /* 18px */
    --text-large: 1.125rem;
    --text-medium: 1rem;
    --text-regular: 0.875rem;
    --text-small: 0.75rem;
    --text-tiny: 0.625rem;
  }
}