/* theme.css — EINZIGE Quelle fuer Farben/Branding (BAUSTEIN-STANDARD §3.3). MyOffice ist der HOST-SHELL: er definiert die --host-*-Variablen, die die eingebetteten Bausteine in ihrem eigenen theme.css als erste Quelle erben. Die Host-Templates nutzen ausschliesslich --bs-* — nie eine feste Farbe. PLATZHALTER-PALETTE. Die Marke der Firma ist nicht entschieden (Branding ist Andis Ressort). Deshalb hier bewusst ein sachliches, neutrales Schiefer-Blau und NICHT das KI-Lotse-Teal — das ist Franz' private Marke. Wenn die Firmenmarke steht, aendert sich genau diese Datei, sonst nichts. Hell/Dunkel (§10): theme.js setzt data-theme="light|dark" auf und merkt die Wahl (localStorage 'myoffice_theme'). Ohne Wahl folgt die Oberflaeche dem System (prefers-color-scheme). --bs-on-primary bleibt in beiden hell. */ :root { --host-primary: #35506B; --host-primary-hell: #E4EAF1; --host-akzent: #4A7C8C; --host-bg: #F7F8FA; --host-bg-alt: #EDEFF3; --host-text: #1F2733; --host-muted: #6B7482; --host-border: #D8DDE5; --host-on-primary: #FFFFFF; --host-ok: #2F7D4F; --host-warnung: #B45309; --host-fehler: #B3261E; --host-logo-url: url(""); --host-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* Host-eigene Aliase (--bs-* wie in jedem Baustein) */ --bs-primary: var(--host-primary); --bs-primary-hell: var(--host-primary-hell); --bs-akzent: var(--host-akzent); --bs-bg: var(--host-bg); --bs-bg-alt: var(--host-bg-alt); --bs-text: var(--host-text); --bs-muted: var(--host-muted); --bs-border: var(--host-border); --bs-on-primary: var(--host-on-primary); --bs-ok: var(--host-ok); --bs-warnung: var(--host-warnung); --bs-fehler: var(--host-fehler); --bs-logo-url: var(--host-logo-url); --bs-font: var(--host-font); color-scheme: light dark; } /* Dunkle Werte — Ausloeser 1: manuelle Wahl data-theme="dark". */ :root[data-theme="dark"] { --host-primary: #7FA6C9; --host-primary-hell: #1C2733; --host-akzent: #6FA8B8; --host-bg: #15191F; --host-bg-alt: #1E242C; --host-text: #E6EAF0; --host-muted: #9AA4B2; --host-border: #2C333D; --host-on-primary: #0F1419; --host-ok: #5BB37E; --host-warnung: #E0A050; --host-fehler: #E5766C; } /* Ausloeser 2: keine Wahl getroffen, aber das System steht auf dunkel. */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --host-primary: #7FA6C9; --host-primary-hell: #1C2733; --host-akzent: #6FA8B8; --host-bg: #15191F; --host-bg-alt: #1E242C; --host-text: #E6EAF0; --host-muted: #9AA4B2; --host-border: #2C333D; --host-on-primary: #0F1419; --host-ok: #5BB37E; --host-warnung: #E0A050; --host-fehler: #E5766C; } }