:root {
  /* Farbe – nur diese fünf (design.md §8, Palette Eike Task 6 C) */
  --tintenschwarz: #161513;
  --knochen:       #EDE6D8;
  --tintengruen:   #1F4A44;
  --rot-dunkel:    #8C1C13;   /* Funktion auf hellem Grund; Flächen mit Knochen-Schrift */
  --rot-hell:      #BF4342;   /* Akzent auf dunklem Grund: nur Grafik und große Schrift */

  /* Schrift (design.md §9) */
  --f-head: "alternate-gothic-compressed", sans-serif;
  --f-text: "source-serif-pro", serif;
  --f-code: "source-code-pro", monospace;

  /* Raster (design.md §14) */
  --cols: 12;
  --gutter: 24px;             /* ≤ 640px: 16px */
  --rand: clamp(16px, 5vw, 96px);
  --max: 1440px;
  --zeile: 8px;               /* vertikales Grundmaß */

  /* Strichliste (design.md §13.1), s = Strichstärke */
  --strich-s: 2px;            /* je Anwendung überschreibbar */
}

@media (max-width: 640px) { :root { --gutter: 16px; } }