/* sims-on-Marke für ui-basis.
   Die Werte kommen aus style.css — das Fundament übernimmt nur die Struktur,
   die Farben bleiben unverändert, damit sich optisch nichts verschiebt. */
:root {
  --ui-flaeche:      #0A0F1C;
  --ui-flaeche-2:    #141C2C;
  --ui-karte:        #0F172A;
  --ui-linie:        #1E293B;
  --ui-tinte:        #E8EDF5;
  --ui-tinte-leise:  #94A3B8;
  --ui-akzent:       #E89F2B;
  --ui-akzent-tinte: #0A0F1C;

  --ui-gut:     #34D399;
  --ui-warnung: #FBBF24;
  --ui-fehler:  #FCA5A5;
  --ui-gut-flaeche:     rgba(16,185,129,0.10);
  --ui-warnung-flaeche: rgba(251,191,36,0.12);
  --ui-fehler-flaeche:  rgba(239,68,68,0.10);

  /* POS ist das Vorbild: großzügige Berührflächen und weichere Radien.
     Am Tresen wird mit dem Daumen bedient, nicht mit der Maus. */
  --ui-rund:       14px;
  --ui-rund-klein: 10px;
}