/* GENT — Typography tokens
   Three roles:
   • Display  — Arbeit Pro. The GENT wordmark and every headline. Set TIGHT and
                usually UPPERCASE, weights 500–700. Confident, engineered.
   • Body     — DM Sans. Clean humanist grotesque for running copy + UI.
   • Mono     — DM Mono. The "product-label" voice: step numbers, specs, spec
                captions ("SUITABLE FOR ALL SKIN TYPES"), set UPPERCASE + tracked. */

:root {
  --font-display: "Arbeit Pro", "Helvetica Neue", Arial, sans-serif;
  --font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;

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

  /* ---- Type scale (px) ---- */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 38px;
  --text-5xl: 48px;
  --text-6xl: 64px;
  --text-7xl: 84px;
  --text-8xl: 112px;

  /* ---- Line heights ---- */
  --leading-none: 1;
  --leading-tight: 1.08;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ---- */
  --tracking-tighter: -0.03em;   /* big display headlines */
  --tracking-tight: -0.015em;    /* medium headings */
  --tracking-normal: 0;
  --tracking-wide: 0.06em;       /* mono captions / eyebrows */
  --tracking-wider: 0.14em;      /* label micro-caps */
}