/* Marke – die einzige Stelle mit Farben und Schriften. Seit 23.10.2026 (Luca): „neutral hell“ – Weiß und Grautöne,
   ein Blaugrau für Knöpfe, eine Schrift (Lato) für alles. Ersetzt das Restaurant-Design von Standort 2 (19.10.2026).
   Gilt für die ganze App. Die Variablen behalten ihre alten Namen (tanne, honig …), damit style.css unverändert bleibt;
   Cormorant Garamond und die frühere CI (Fraunces/Figtree) liegen weiter in ci/fonts. */
@font-face { font-family: 'Lato'; src: url('ci/fonts/lato-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Lato'; src: url('ci/fonts/lato-700.woff2') format('woff2'); font-weight: 600 900; font-display: swap; }

:root {
  /* Palette (Luca 23.10.2026) */
  --schiefer: #2F4A5C; --schiefer-dunkel: #1F2A33; --grau-hell: #F5F6F7; --grau-flaeche: #EEF0F2;
  --bernstein: #F2B544; --blau: #2F6FDB; --tinte: #1C2328; --tinte-weich: #5B6670;

  /* alte Namen → neue Werte */
  --tanne: var(--schiefer);      /* dunkle Flächen (Stempelkarte): Blaugrau statt Schwarz, Weiß darauf 9:1 */
  --moos: var(--schiefer-dunkel);
  --laub: var(--schiefer);
  --farn: #E6ECF0;               /* helle Tönung für „aktiv“/grüne Chips */
  --honig: var(--bernstein);     /* Akzent auf dunkel: Bernstein auf schiefer 5,2:1 */
  --holz: var(--schiefer);
  --creme: #F7F8F9;
  --weiss: #FFFFFF;

  --text: var(--tinte);          /* 15:1 auf grau-hell */
  --text-leise: var(--tinte-weich);   /* 5,6:1 auf grau-hell, 5,3:1 auf grau-flaeche */
  --text-auf-dunkel-leise: #D3DAE0;   /* Nebentext auf schiefer, 6,3:1 */
  --hintergrund: var(--grau-hell);
  --flaeche: var(--weiss);       /* Karten: weiß mit feiner Kante */
  --flaeche-zwei: var(--grau-flaeche);  /* Zeilen, Felder, abgesetzte Flächen */
  --primaer: var(--schiefer);    /* Weiß darauf 9:1 */
  --primaer-dunkel: var(--schiefer-dunkel);
  --akzent: var(--blau);         /* Fokus, Termin-Kante */
  --linie: #D7DCE0;
  --linie-leise: #E6E9EC;
  --gut: #1F7A4D;       --gut-flaeche: #E1F2E9;
  --warn: #8A5A12;      --warn-flaeche: #FDF0D5;   /* Text 5,9:1 auf der Fläche */
  --fehler: #B3261E;    --fehler-flaeche: #FCE4E2;
  --info: #1F4E8C;      --info-flaeche: #E3ECF8;   /* blau, deutlich anders als neutrale Schilder; Text 7,0:1 */
  --rot: var(--fehler); --gruen: var(--gut); --gelb: var(--honig);   /* Kurznamen aus älteren Vorlagen (Kantenfarbe von Hinweis-Karten) */

  --schrift-marke: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --schrift-text: var(--schrift-marke);
  --schrift-zahl: var(--schrift-marke);

  --radius: 8px; --radius-karte: 10px;
  --schatten: 0 1px 2px rgb(28 35 40 / .05);
  --dauer: 160ms;
  --kopf-hoehe: 60px;
  color-scheme: light;
}
@media (prefers-reduced-motion: reduce) { :root { --dauer: 0ms; } }
.zahl-gross, .zeit { font-variant-numeric: tabular-nums; }