/* ═══════════════════════════════════════════════════════════════════════════ Brücke: der alte Wortschatz → die Themen. Angelegt 15.08.2026. Gilt für ALLE DREI gewachsenen Seiten — Bestellseite, Abholseite und Betreiberpult. Sie waren von Anfang an sauber über Merkmale gebaut (124, gut hundert und 333 `var(--…)`-Aufrufe, zusammen sieben feste Farbwerte), und mussten deshalb NICHT umgeschrieben werden. WARUM EINE DATEI UND NICHT ZWEI =============================== Eine Zuordnungstabelle, die an zwei Stellen liegt, ist eine Stelle, an der man beim nächsten neuen Merkmal die zweite vergisst. Was nur EINE Seite braucht, steht daneben in `gast-bruecke.css`. REIHENFOLGE IM : 1. /assets/style.css (setzt die alten Werte — nur beim Pult) 2. theme-*.css (setzt --bx-*) ← von theme.js eingehängt 3. DIESE DATEI (leitet die alten aus den neuen ab) Sie muss NACH style.css stehen, sonst gewinnen dort die festen Werte. ═══════════════════════════════════════════════════════════════════════════ */ :root{ /* Flächen */ --bg: var(--bx-bg); --surface: var(--bx-surface); --card-bg: var(--bx-surface); --surface-2: var(--bx-surface-2); --surface-3: var(--bx-surface-3, var(--bx-surface-2)); --s2: var(--bx-surface-2); --s3: var(--bx-surface-3, var(--bx-surface-2)); /* Schrift */ --text: var(--bx-text); --text-2: var(--bx-text-2); --text-muted: var(--bx-text-2); --text-3: var(--bx-text-3); /* Linien */ --border: var(--bx-line); --border-2: var(--bx-line-2, var(--bx-line)); /* Signalfarben. `--red` bleibt ABSICHTLICH eine eigene Farbe und wird nicht auf den Akzent gelegt: im Pult steht sie an „Storno" und „Delete venue". Ein Löschknopf, der aussieht wie der Bestätigungsknopf, ist genau die Art Verwechslung, die man erst bemerkt, wenn das Haus weg ist. */ --red: var(--bx-rot, #FF453A); --green: var(--bx-gruen, #30D158); --orange: var(--bx-orange, #FF9F0A); /* Akzent */ --bars: var(--bx-accent); --bars-dim: var(--bx-accent-dim); --bars-glow: var(--bx-accent-glow, var(--bx-accent-dim)); --blue: var(--bx-accent); /* style.css nennt den Akzent so */ --blue-dim: var(--bx-accent-dim); --blue-glow: var(--bx-accent-glow, var(--bx-accent-dim)); /* Form */ --radius: var(--bx-radius-s, 12px); --radius-lg: var(--bx-radius, 20px); /* Schriftschnitt. --font-mono bleibt, wie es war: Zahlenkolonnen im Export und in der Abrechnung brauchen gleiche Zeichenbreite, unabhängig vom Thema. */ --font: var(--bx-font); }