/** * Divergence Core – Design-Tokens (v0.4.0: echte Werte). * * Bewusst auf :root definiert, damit AUCH Popups/Overlays, die per JS * ans -Ende verschoben werden, die Variablen garantiert erben * (bekanntes Problem: Custom Properties auf Plugin-Root-Elementen * erreichen ausgelagerte Overlays nicht). * * Die Werte sind 1:1 aus dem Kompass-CSS übernommen (führende * Nutzeroberfläche, dunkles Theme). Das Kompass-CSS behält seine * eigenen --dk-*-Variablen (inkl. Track-Geometrie) — Feature-Plugins * stellen ihre Stylesheets schrittweise auf var(--dvc-*) um. Da hier * nur Variablen definiert werden (keine Selektoren gestylt), kollidiert * nichts mit bestehendem CSS. */ :root { /* Farben — übernommen aus dem Kompass-CSS (führende Nutzeroberfläche). Dunkles Theme: Flächen, Text, Akzente. */ --dvc-color-bg: #0e1016; --dvc-color-surface: #181b27; --dvc-color-surface-2: #1f2235; --dvc-color-surface-3: #262a40; --dvc-color-border: rgba(255,255,255,0.09); --dvc-color-border-hi: rgba(255,255,255,0.22); --dvc-color-text: #eceef5; --dvc-color-text-soft: #7c82a0; --dvc-color-text-dim: #4e5270; --dvc-color-primary: #4a9eff; /* Blau (Kompass) */ --dvc-color-primary-dim: rgba(74,158,255,0.14); --dvc-color-primary-glow: rgba(74,158,255,0.28); --dvc-color-accent: #a78bfa; /* Violett */ --dvc-color-accent-dim: rgba(167,139,250,0.14); --dvc-color-success: #4caf7d; --dvc-color-success-dim: rgba(76,175,125,0.14); --dvc-color-warning: #f5c842; --dvc-color-warning-dim: rgba(245,200,66,0.14); --dvc-color-danger: #ff6b6b; --dvc-color-danger-dim: rgba(255,107,107,0.14); /* Wachstums-Achsen (Ring-Farben, Chart-Konvention) */ --dvc-color-klarheit: #4a9eff; /* Erkenntnis-Ring (blau, gestrichelt) */ --dvc-color-kraft: #ff6b6b; /* Kraft-Ring (rot, gestrichelt) */ /* Typografie (Quest-Plugin lädt Crimson Pro / Cinzel / DM Sans) */ --dvc-font-body: 'Crimson Pro', Georgia, serif; --dvc-font-heading: 'Cinzel', Georgia, serif; --dvc-font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --dvc-font-size-base: 16px; --dvc-line-height: 1.6; /* Abstände */ --dvc-space-xs: 4px; --dvc-space-sm: 8px; --dvc-space-md: 16px; --dvc-space-lg: 24px; --dvc-space-xl: 40px; /* Radien & Schatten (Kompass-Konvention) */ --dvc-radius-sm: 10px; --dvc-radius-md: 16px; --dvc-radius-lg: 20px; --dvc-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.35); --dvc-shadow-overlay: 0 8px 40px rgba(0, 0, 0, 0.55); /* Übergänge */ --dvc-transition-fast: 120ms ease; --dvc-transition-base: 240ms ease; /* Z-Ebenen */ --dvc-z-overlay: 9000; --dvc-z-toast: 9500; }