/* madebykev — Typografie.
   Das Theme nutzt bewusst keine Webfonts: System-Grotesk (Arial) für alles,
   "Courier New" für Meta-/Mono-Labels. Nicht ersetzen. */
:root {
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: "Courier New", monospace;

  /* Gewichte (im Theme tatsächlich verwendet) */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */ /* Zwischen-Headlines: h3 der Karten */
  --fw-bold: 700; /* @kind font */
  --fw-heavy: 800; /* @kind font */ /* Buttons, Links, Labels */
  --fw-black: 900; /* @kind font */ /* Displays, Preise */

  /* Fließtext */
  --body-size: 16px;
  --body-line: 1.5; /* @kind font */
  --text-sm: 14px;
  --text-xs: 13px;
  --text-2xs: 12px;
  --text-3xs: 11px;
  --lead-size: 20px;
  --lead-line: 1.5; /* @kind font */
  --prose-size: 18px;
  --prose-line: 1.65; /* @kind font */

  /* Display-Stufen (clamp wie im Theme) */
  --display: clamp(52px, 5.55vw, 80px); /* @kind font */
  --display-line: .94; /* @kind font */
  --display-tracking: -.065em; /* @kind font */
  --display-hero: clamp(66px, 6.1vw, 88px); /* @kind font */
  --display-hero-line: .88; /* @kind font */
  --display-hero-tracking: -.072em; /* @kind font */
  --display-page: clamp(70px, 8.2vw, 118px); /* @kind font */
  --display-page-line: .87; /* @kind font */
  --display-page-tracking: -.075em; /* @kind font */
  --display-section: clamp(52px, 5.2vw, 75px); /* @kind font */

  /* Karten-/Reihen-Headlines */
  --heading-card: 21px;
  --heading-card-lg: 25px;
  --heading-row: 40px;
  --heading-tracking: -.04em; /* @kind font */

  /* Mono-Labels */
  --mono-label-size: 11px;
  --mono-label-line: 1.3; /* @kind font */
  --mono-label-tracking: .12em; /* @kind font */
  --mono-meta-size: 10px;
  --mono-meta-tracking: .08em; /* @kind font */

  /* Zahlen / Preise */
  --price-size: 30px;
  --price-size-lg: 38px;
  --price-tracking: -.05em; /* @kind font */
}