/* =====================================================================================
   Aistblatt · Farben, Schrift, Kanten, Abstände
   Brücke zur Web-App: --bg --surface --text --muted --accent --on-accent --border --radius --schrift
   heißen wie in 00_Projektstart/starter-webapp/styles.css.
   Umfärben: nur --accent, --accent-tief, --accent-hell, --accent-auf-dunkel ändern, dann Kontrast prüfen.
   ===================================================================================== */
@font-face {
  font-family: "Schibsted Grotesk";
  src: url("../fonts/schibsted-grotesk-var.woff2") format("woff2");
  font-weight: 400 900;
  font-display: swap;
}

:root {
  --schrift: "Schibsted Grotesk", "Segoe UI", system-ui, sans-serif;

  --bg: #f2f3f3;              /* Grund: kühles Hellgrau, damit das weiße Blatt hervortritt */
  --surface: #ffffff;         /* Zeitungspapier, Karten */
  --surface-2: #e6e8e9;       /* Tisch unter der Titelseite, abgesetzte Flächen */
  --text: #131416;            /* Druckerschwärze, 17,9 : 1 auf --bg */
  --muted: #50565e;           /* leiser Text, 6,8 : 1 auf --bg, 6,1 : 1 auf --surface-2 */
  --accent: #c8102e;          /* Zeitungsrot, die eine Farbe. Weiß darauf 5,9 : 1, auf --bg 5,4 : 1 */
  --on-accent: #ffffff;
  --accent-tief: #a00c24;     /* Knopf beim Überfahren, Weiß darauf 7,9 : 1 */
  --accent-hell: #fbe9ec;     /* Hauch Rot hinter aktiven Zeilen, Schrift darauf schwarz */
  --accent-auf-dunkel: #ff8a95; /* Rot auf Schwarz, 8,2 : 1 */
  --dunkel: #131416;          /* Abo-Kachel, Kontakt, Fuß */
  --dunkel-text: #eef0f2;     /* 16,9 : 1 auf --dunkel */
  --dunkel-leise: #a9b0b8;    /* 8,6 : 1 auf --dunkel */
  --border: #d5d9dd;          /* Spaltenlinien */
  --linie: #131416;           /* kräftige Zeitungslinie über jedem Abschnitt */
  --error: #b42318;

  /* Karte des Bezirks */
  --land: #eef0f1;            /* Fläche des Bezirks */
  --grenze: #8e979f;          /* Umriss */
  --fluss: #8fb1c6;           /* Feldaist, Waldaist, Aist */
  --fluss-text: #436a82;      /* Name des Flusses, 5,6 : 1 auf Weiß */
  --ort: #9aa1a8;             /* Gemeinde ohne Meldung */

  --radius: 6px;              /* Karten, Kacheln: Zeitung hat Kanten, keine Kissen */
  --radius-klein: 4px;        /* Felder, Knöpfe */

  --breite: 1240px;
  --abstand: clamp(84px, 10vw, 136px);
  --kopf: 64px;
}