/* MERZ Design System — Typography scale
   Values are verbatim from the Figma file (never rounded). */

:root {
  /* Marquee band — huge repeating red line */
  --type-marquee: 700 100px/1 var(--font-sans);
  /* Hero headline + big stat numbers */
  --type-display: 700 72px/1 var(--font-sans);
  /* Section headline (H2) */
  --type-h2: 700 48px/55px var(--font-sans);
  /* Panel headline (H3) */
  --type-h3: 700 32px/55px var(--font-sans);
  /* Product card title */
  --type-card-title: 700 29px/1 var(--font-sans);
  /* Card / list heading */
  --type-card-heading: 600 24px/25px var(--font-sans);
  --type-card-heading-bold: 700 24px/25px var(--font-sans);
  /* Eyebrow / overline (red, above H2) */
  --type-eyebrow: 700 20px/1 var(--font-sans);
  /* Stat caption */
  --type-stat-caption: 400 20px/1 var(--font-sans);
  /* Body copy */
  --type-body: 400 18px/1 var(--font-sans);
  --type-body-strong: 600 18px/1 var(--font-sans);
  /* Nav main links */
  --type-nav: 700 18px/1 var(--font-sans);
  /* Form label */
  --type-label: 700 18px/20px var(--font-sans);
  /* Buttons, tags, top-bar links */
  --type-ui: 600 16px/1 var(--font-sans);
  /* Input value / fine print */
  --type-input: 400 16px/26px var(--font-sans);
  /* Tiny badge (Roboto Medium) */
  --type-badge: 500 12px/1 var(--font-badge);

  --tracking-input: -0.02em; /* inputs + fine print */
}