/* ==========================================================================
   The Alternatives — Typography [web]
   Font: Space Grotesk (geometric, slightly quirky — core to the brand) for
   everything: UI, body, headlines, numerals.
   Martian Mono is LOGOTYPE ONLY — --font-logo sets the two wordmarks and
   nothing else. Never use it for headlines, UI, or data.
   Heading scale display→h4; body uses framework defaults.
   Numeric readouts in-app keep tabular numerals.
   ========================================================================== */

:root {
  --font-sans: "Space Grotesk", system-ui, sans-serif;
  /* Logotype only. If you are reaching for this in a component, don't. */
  --font-logo: "Martian Mono", ui-monospace, monospace;

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

  /* --- Heading scale ---------------------------------------------------- */
  --text-display: 4.5rem;    /* 72px */
  --text-display-lh: 1.1;
  --text-display-tracking: -0.01em;

  --text-h1: 3.5rem;         /* 56px */
  --text-h1-lh: 1.15;
  --text-h1-tracking: -0.01em;

  --text-h2: 2.75rem;        /* 44px */
  --text-h2-lh: 1.2;

  --text-h3: 2rem;           /* 32px */
  --text-h3-lh: 1.3;

  --text-h4: 1.5rem;         /* 24px */
  --text-h4-lh: 1.4;

  /* --- Body ------------------------------------------------------------- */
  --text-body-lg: 1.125rem;  /* 18px */
  --text-body: 1rem;         /* 16px */
  --text-body-sm: 0.875rem;  /* 14px */
  --text-caption: 0.75rem;   /* 12px */
}