html{color-scheme:light;--theme-color-bg: #f5f5f5;--theme-color-surface: #ffffff;--theme-color-surface-hover: #f0f0f0;--theme-color-primary: #4a6fa5;--theme-color-primary-hover: #3d5d8a;--theme-color-primary-text: #ffffff;--theme-color-text: #1a1a1a;--theme-color-text-secondary: #666666;--theme-color-border: #e0e0e0;--theme-color-danger: #d32f2f;--theme-color-danger-hover: #b71c1c;--theme-color-success: #388e3c;--theme-color-warn: #b45309;--theme-color-pack: #7c3aed;--theme-color-pack-bg: rgba(124, 58, 237, .1);--theme-color-accent-bg: rgba(74, 111, 165, .12);--theme-color-overlay: rgba(0, 0, 0, .4);--theme-shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--theme-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--theme-shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);background:var(--theme-color-bg);color:var(--theme-color-text)}html[data-theme=dark]{color-scheme:dark;--theme-color-bg: #121212;--theme-color-surface: #1e1e1e;--theme-color-surface-hover: #2a2a2a;--theme-color-primary: #6b8fc4;--theme-color-primary-hover: #8aa6d1;--theme-color-primary-text: #ffffff;--theme-color-text: #f0f0f0;--theme-color-text-secondary: #a3a3a3;--theme-color-border: #333333;--theme-color-danger: #ef5350;--theme-color-danger-hover: #e57373;--theme-color-success: #66bb6a;--theme-color-warn: #fbbf24;--theme-color-pack: #a78bfa;--theme-color-pack-bg: rgba(167, 139, 250, .18);--theme-color-accent-bg: rgba(107, 143, 196, .18);--theme-color-overlay: rgba(0, 0, 0, .65);--theme-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--theme-shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--theme-shadow-lg: 0 10px 25px rgba(0, 0, 0, .55)}body{background:var(--theme-color-bg);color:var(--theme-color-text)}