/* Adshop — RMM Front Office · Typography tokens
 * Inter type scale from design.md. Sizes in px to match the spec exactly. */

:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-base: var(--font-sans);

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

  /* Type scale — size / line-height / weight (from design.md) */
  --fs-h1: 48px;  --lh-h1: 1.2 /* @kind font */;  --fw-h1: var(--fw-bold);
  --fs-h2: 36px;  --lh-h2: 1.3 /* @kind font */;  --fw-h2: var(--fw-bold);
  --fs-h3: 30px;  --lh-h3: 1.3 /* @kind font */;  --fw-h3: var(--fw-semibold);
  --fs-h4: 24px;  --lh-h4: 1.4 /* @kind font */;  --fw-h4: var(--fw-semibold);
  --fs-h5: 20px;  --lh-h5: 1.5 /* @kind font */;  --fw-h5: var(--fw-medium);
  --fs-body: 16px;   --lh-body: 1.6 /* @kind font */;  --fw-body: var(--fw-regular);
  --fs-small: 14px;  --lh-small: 1.5 /* @kind font */; --fw-small: var(--fw-regular);
  --fs-eyebrow: 13px; --lh-eyebrow: 1.4 /* @kind font */; /* uppercase labels, nav */

  /* Letter-spacing */
  --ls-tight:   -0.02em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-eyebrow: 0.08em;  /* @kind font */
}