/* ══════════════════════════════════════════════════════════════
   Hauptmarkt 12 — Designsystem, eine Quelle für alle Seiten

   Vorher hatte jede Seite ihr eigenes :root. Die Landung stand auf
   #EFEEE9 mit Archivo und EB Garamond, Warenkorb und Konto auf
   #F8F7F4 mit Fraunces und Systemschrift, das Studio auf Dunkelgrau
   mit blauem Akzent. Der Grund wurde also heller und die Schrift eine
   andere, genau in dem Moment, in dem jemand zur Kasse geht — die
   Kasse sah aus wie die Seite einer anderen Firma.

   Diese Datei ist ab jetzt die einzige Stelle, an der Farbe, Schrift
   und Kantenmass festgelegt werden. Die Seiten binden sie vor ihrem
   eigenen <style> ein.

   Die verfügbaren Schnitte stehen in schriften.css:
     Archivo            400 500 600 700 800 900
     Plus Jakarta Sans  400 500 600 700 800
     EB Garamond        400 600 (je auch kursiv)
     JetBrains Mono     400 500      ← mehr gibt es nicht.
   Ein font-weight über 500 auf --mono lässt der Browser also
   künstlich fett rechnen. Das sieht in Versalien bei 10px schlecht
   aus; darum bleibt Mono bei 500.
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── Grund ────────────────────────────────────────────────── */
  --paper:      #EFEEE9;   /* der Grund, überall gleich */
  --paper-2:    #E4E2DB;   /* eingelassene Fläche, Kasten im Kasten */
  --paper-3:    #F7F6F2;   /* aufliegende Karte */

  /* Aliase, damit die vorhandenen Regeln in Warenkorb und Konto
     weiterlaufen, ohne dass jede einzelne umgeschrieben werden muss. */
  --paper-card: var(--paper-3);
  --paper-sub:  var(--paper-2);

  /* ── Schrift auf dem Grund ────────────────────────────────── */
  --ink:   #0B0B0C;   /* 16,9:1 — Überschriften, Zahlen */
  --ink-2: #5C5C60;   /*  5,7:1 — Fliesstext */
  --ink-3: #66666B;   /*  4,9:1 — Marginalien, Feldnamen, Tabellenköpfe.
                              War #8E8E92 und damit bei 2,8:1, also
                              unter dem, was kleiner Text braucht. */

  --rule:   rgba(11,11,12,.15);
  --accent: #C7452A;

  /* ── Belegungsampel ───────────────────────────────────────────
     Die hellen Werte sind für Punkte, Ringe und Flächen. Als Schrift
     auf Papier hielt keiner davon 4,5:1 — Gelb kam auf 2,0 — darum
     daneben je ein abgedunkelter Wert, der nur für Text gilt. */
  --ok:   #1E9E63;   /* frei */
  --wait: #8A8A92;   /* angefragt */
  --warn: #D6A22A;   /* genehmigt */
  --bad:  #C73A2A;   /* belegt */

  --ok-text:   #0F6B43;   /* 5,64:1 */
  --wait-text: #63636A;   /* 5,13:1 */
  --warn-text: #7D5A0E;   /* 5,41:1 */
  --bad-text:  #A82E1E;   /* 5,88:1 */

  /* ── Schriften ────────────────────────────────────────────────
     Alle vier liegen auf diesem Server. Nichts wird von fremden
     Rechnern nachgeladen — siehe schriften/LIESMICH.txt. */
  --mono:  'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --disp:  'Archivo', 'Plus Jakarta Sans', system-ui, sans-serif;
  --body:  'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --serif: 'EB Garamond', Georgia, serif;

  /* ── Mass und Schatten ────────────────────────────────────── */
  --radius:    12px;
  --shadow:    0 4px 20px rgba(11,11,12,.05);
  --shadow-lg: 0 8px 40px rgba(11,11,12,.10);

  /* Der Kaufknopf an der Kasse. Bewusst laut und bewusst die einzige
     Stelle, an der Gelb vorkommt. */
  --kauf:        #FFD814;
  --kauf-hover:  #F7CA00;
  --kauf-rand:   #E8BC00;
}