/* Marrar — Typography tokens */
:root {
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Weights */
  --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 */

  /* Type scale — size / line-height / tracking */
  --fs-display-xl: 72px; --lh-display-xl: 1.04 /* @kind font */; --ls-display-xl: -0.03em /* @kind font */;
  --fs-display-lg: 56px; --lh-display-lg: 1.07 /* @kind font */; --ls-display-lg: -0.025em /* @kind font */;
  --fs-h1: 44px; --lh-h1: 1.1 /* @kind font */; --ls-h1: -0.02em /* @kind font */;
  --fs-h2: 34px; --lh-h2: 1.15 /* @kind font */; --ls-h2: -0.018em /* @kind font */;
  --fs-h3: 24px; --lh-h3: 1.25 /* @kind font */; --ls-h3: -0.012em /* @kind font */;
  --fs-h4: 19px; --lh-h4: 1.35 /* @kind font */; --ls-h4: -0.005em /* @kind font */;
  --fs-body-lg: 19px; --lh-body-lg: 1.6 /* @kind font */;
  --fs-body: 17px; --lh-body: 1.65 /* @kind font */;
  --fs-body-sm: 15px; --lh-body-sm: 1.6 /* @kind font */;
  --fs-caption: 13px; --lh-caption: 1.5 /* @kind font */;
  --fs-eyebrow: 13px; --ls-eyebrow: 0.16em /* @kind font */;
}

/* Optional utility classes (tokens are the source of truth) */
.m-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-eyebrow);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--color-primary-strong);
}