/* Die Marke, an einem Ort.
 *
 * Andri hat drei Farben geschickt (09.09.2026): Petrol, Orange, Beige.
 * Orange und Beige standen schon in vier Dateien, jede mit ihrer eigenen
 * Abschrift; das Blau war bisher ein weiches Blaugrau, das es in der
 * Marke nicht gibt. Jetzt stehen die drei hier und nirgends sonst -
 * die Anwendung holt sie per @import, die Prototypen per <link>.
 *
 * Aus drei Farben werden keine zehn. Was dazukommt, sind Stufen
 * derselben Farbe fuer Text auf Beige (tief), fuer Akzente auf Schwarz
 * (hell) und fuer Flaechen (soft). Die Ampel - gut, bald, faellig -
 * bleibt bei den Seiten, die sie brauchen: sie ist Bedeutung, keine Marke.
 */
:root{
  --petrol:#00678A;
  --petrol-tief:#004D68;
  --petrol-hell:#4FA3C2;
  --petrol-soft:#DCEBF0;

  --orange:#E84C15;
  --orange-tief:#C43F10;
  --orange-hell:#FF7A4A;
  --orange-soft:#FDEDE6;

  --beige:#ECE8E0;
  --beige-tief:#DFDBD2;
  --sand:#F6F3EE;
  --paper:#FFFFFF;

  /* Neutrale mit einem Hauch Beige, damit Schrift und Linien zur Flaeche gehoeren. */
  --txt:#2F2E2D;
  --mut:#6B6863;
  --mut2:#9A948A;
  --line:#D5CFC3;
  --line-soft:#E6E1D6;

  --display:"Saira","Eurostile","Avenir Next Condensed",system-ui,sans-serif;
  --sans:"Barlow","DIN Next",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* Das Karo aus dem Bumpy-Abzeichen. */
  --checker:repeating-conic-gradient(var(--orange) 0% 25%,transparent 0% 50%);
}