:root {
  --color-black: #0a0a0a;
  --color-white: #ffffff;
  --color-gray-100: #f5f5f5;
  --color-gray-300: #d9d9d9;
  --color-gray-600: #6b6b6b;
  --color-gray-900: #171717;
  /* Näherungswert, gemessen aus graphic/01-barcode-dach-logo.png. Bei Bedarf gegen offiziellen Markenrot-Wert austauschen. */
  --color-red: #c01212;

  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-size-body: 1rem;
  --font-size-lead: clamp(1.125rem, 2vw, 1.5rem);
  --font-size-h1: clamp(2.5rem, 6vw, 5rem);
  --font-size-h2: clamp(1.75rem, 4vw, 3rem);
  --font-size-h3: clamp(1.25rem, 2.5vw, 1.75rem);
  --line-height-tight: 1.1;
  --line-height-base: 1.5;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;

  --max-content-width: 1200px;
  --border-radius: 2px;
}