@charset "UTF-8"; /* Shared Theme-Layer: Light Default + Dark Toggle * ----------------------------------------------- * Eigener --ds-*-Namespace fuer das Light/Dark-System. Remap-t die * bestehenden --ink-* / --bone-*-Tokens aus shared/fahrora-design-tokens.css * auf die --ds-*-Tokens, damit bestehendes CSS automatisch das aktive * Theme erbt. Theme-Wechsel ueber [data-theme="dark"] auf . * * Konsumiert von: fahrer-portal/driver-os.html, disponenten-portal/dispo-cockpit.html * * Extrahiert 2026-05-18 aus fahrer-portal/driver-os.css fuer Multi-Portal- * Wiederverwendung. */ :root { /* Light theme (default) */ --ds-bg: #f6f5f0; --ds-card: #ffffff; --ds-card-2: #fafaf7; --ds-text: #1a1a1a; --ds-text-muted: #5a5a64; --ds-text-dim: #8e8e96; --ds-border: #e2e1da; --ds-border-strong:#c5c4bb; --ds-accent: #e30613; --ds-accent-soft: rgba(227,6,19,0.10); --ds-warn-bg: #fef6dc; --ds-warn-text: #8a5410; --ds-warn-border: #d9b06a; --ds-success: #15803d; --ds-success-bg: #ecfdf5; --ds-success-border:#a7e6c8; --ds-tab-bg: #ffffff; --ds-tab-shadow: 0 -1px 8px rgba(0,0,0,0.06); --ds-toast-shadow: 0 6px 24px rgba(0,0,0,0.18); /* Remap der bestehenden shared/fahrora-Tokens auf das --ds-System. Dadurch funktioniert das gesamte vorhandene CSS sofort mit Light Theme. */ --ink-deep: var(--ds-bg); --ink-soft: var(--ds-card); --ink-rise: var(--ds-card); --ink-rise-2: var(--ds-card-2); --ink-line: var(--ds-border); --ink-line-2: var(--ds-border); --ink-line-3: var(--ds-border-strong); --bone: var(--ds-text); --bone-soft: var(--ds-text-muted); --bone-muted: var(--ds-text-dim); --bone-faint: var(--ds-text-dim); } [data-theme="dark"] { --ds-bg: #0e0e12; --ds-card: #1a1a20; --ds-card-2: #20202a; --ds-text: #f3f3f5; --ds-text-muted: #a5a5af; --ds-text-dim: #6b6b75; --ds-border: #2a2a32; --ds-border-strong:#3a3a44; --ds-accent: #dc2828; --ds-accent-soft: rgba(220,40,40,0.18); --ds-warn-bg: #2a1d08; --ds-warn-text: #f5c264; --ds-warn-border: #5c3f0d; --ds-success: #4ade80; --ds-success-bg: rgba(74,222,128,0.10); --ds-success-border:rgba(74,222,128,0.28); --ds-tab-bg: #131318; --ds-tab-shadow: 0 -1px 8px rgba(0,0,0,0.4); --ds-toast-shadow: 0 6px 24px rgba(0,0,0,0.5); /* Remap zurück auf Dark-Werte für das bestehende --ink-* / --bone-*-CSS. */ --ink-deep: var(--ds-bg); --ink-soft: #11111a; --ink-rise: var(--ds-card); --ink-rise-2: var(--ds-card-2); --ink-line: var(--ds-border); --ink-line-2: var(--ds-border); --ink-line-3: var(--ds-border-strong); --bone: var(--ds-text); --bone-soft: var(--ds-text-muted); --bone-muted: var(--ds-text-dim); }