/* Globale Tokens. Der Counter (sections/counter) nutzt --bg, --ink, --muted, --container, --gutter. */
:root {
  --bg: #ffffff;
  --ink: #000000;
  --muted: #666666;
  --line: #e6e6e6;

  --bg-inverse: #000000;
  --ink-inverse: #ffffff;
  --muted-inverse: #a6a6a6; /* Text auf Schwarz, Kontrast > 7:1 */
  --line-inverse: #333333;

  --accent: #000000; /* reserviert, wird noch nirgends genutzt */

  --font: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Typoskala */
  --fs-small: clamp(0.875rem, 0.8rem + 0.1vw, 1.0625rem); /* 14-17 */
  --fs-ui: clamp(1rem, 0.94rem + 0.15vw, 1.25rem);       /* 16-20 */
  --fs-body: clamp(1.0625rem, 0.98rem + 0.3vw, 1.5rem);   /* 17-24 */
  --fs-h4: clamp(1.25rem, 1.1rem + 0.3vw, 1.75rem);      /* 20-28 */
  --fs-h3: clamp(1.5rem, 1.2rem + 0.8vw, 2.5rem);        /* 24-40 */
  --fs-h2: clamp(2rem, 1.2rem + 3vw, 5.5rem);            /* 32-88 */
  --fs-h1: clamp(2.75rem, 1.6rem + 5.6vw, 8.5rem);       /* 44-136 */

  /* Layout */
  --container: clamp(1120px, 92vw, 2400px); /* wächst mit dem Bildschirm, links und rechts bleibt nur der Rand */
  --gutter: clamp(20px, 3.5vw, 72px);
  --section-y: clamp(64px, 10vw, 180px);
  --nav-h: 64px;
  --measure: 66ch;
}