/* Ospella 3.0 — Farben und Masze.
 *
 * HERKUNFT JEDER ZEILE steht daneben. Zwei Quellen:
 *   GUIDE    = ospella_ui_style_guide.md (Lieferung 11.09.2026) — die Legende
 *   GEMESSEN = mit werkzeuge/farbe_messen.py an den Vorlagen-PNGs abgelesen
 *
 * Regel aus dem 2.0-Bau, unveraendert: Wo die Legende eine Rolle benennt,
 * gewinnt die Legende. Wo sie schweigt, gilt die Messung. Nichts hier ist
 * geschaetzt.
 *
 * Die ROLLENNAMEN bleiben die aus 2.0 (--creme, --sand, --olive,
 * --terracotta, --knopf …), obwohl die Werte jetzt Creme/Espresso/Orange
 * sind: an den Namen haengen 2 200 Zeilen screens.css und zehn Paletten.
 * Ein Umbenennen waere eine Massenaenderung fuer nichts.
 */

:root {
  /* --- Legende (Style Guide), unveraendert uebernommen --------------- */
  --creme:        #F4E9D8;   /* GUIDE  Warm Cream   — Grundflaeche          */
  --sand:         #FAF4EA;   /* GUIDE  Light Cream  — Karten, Eingabefelder */
  --olive:        #38271B;   /* GUIDE  Dark Brown   — Marke, Aktivzustand,
                              *        dunkle Knoepfe. Kontrast 11,87.      */
  --terracotta:   #E86A16;   /* GUIDE  Ospella Orange — Zierde, Logo.
                              *        Als LINIE auf Grund 2,69:1 (unter 3,0)
                              *        — so ist die Vorlage, gemeldet.      */
  --knopf:        #E86A16;   /* GUIDE  Primary CTA. Weisze Schrift darauf
                              *        misst 3,18:1 — bewusste Abweichung
                              *        zugunsten der gelieferten Legende,
                              *        gemeldet (wie 2.0: dort 4,21).       */
  --gold:         #C8953E;   /* GUIDE  Muted Gold — feine Zierraender       */
  --text:         #211A14;   /* GUIDE  Espresso. Kontrast 14,31 auf Creme.  */
  --text-leise:   #5E5147;   /* GUIDE  Soft Brown. Kontrast 6,38 / 6,99.    */
  --text-auf-knopf: #FFFDF8; /* GUIDE  Warm White auf Orange/Dunkelbraun    */

  /* --- Gemessen bzw. gerechnet, weil die Legende dazu schweigt ------- */
  --akzent-text:  #B0430F;   /* GERECHNET: Orange als SCHRIFT, 4,79 auf
                              * Grund. Das Legenden-Orange traegt als Text
                              * nur 2,86 — Links muessen lesbar sein.       */
  --linie:        #AC9C82;   /* GEMESSEN an den Feldraendern der Vorlage
                              * (2Kontoanlegen). 2,23:1 — wie die Vorlage,
                              * gemeldet (2.0 hatte dieselbe Ausnahme).     */
  --titel-gruen:  #22362D;   /* GEMESSEN: Titel "Konto anlegen", 10,71:1.   */

  /* --- Schrift (GUIDE: Playfair Display + Inter) --------------------- */
  --schrift-anzeige: 'Playfair Display', Georgia, serif;
  --schrift-text:    'Inter', -apple-system, sans-serif;

  /* --- Masze --------------------------------------------------------- */
  --rand:         38px;   /* Seitenabstand, aus der Vorlage uebernommen */
  --knopf-hoehe:  48px;
  --knopf-radius: 999px;  /* GUIDE: border-radius 999px (Pille)         */
  --karte-radius: 16px;
}