html{color-scheme:light dark}:root{--primary: #3699ff;--primary-hover: #217dbb;--success: #10b981;--warning: #f59e0b;--info: #3b82f6;--danger: #e63946;--bg-body: #f5f8fa;--bg-sidebar: #1e1e2d;--bg-topbar: #ffffff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-modal: #fefefe;--bg-navbar: #ffffff;--bg-bottom-nav: #ffffff;--bg-footer: #ffffff;--text-main: #1f2937;--text-muted: #374151;--text-sidebar: #a2a3b7;--text-sidebar-hover: #1f2937;--text-inverse: #ffffff;--text-navbar: #1f2937;--text-navbar-brand: var(--primary);--text-footer: #4b5563;--border-color: #ebedf3;--sidebar-active-bg: #1b1b28;--sidebar-active-accent: #3699ff;--shadow: 0 0 20px 0 rgba(76, 87, 125, .02);--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--primary-alpha-15: rgba(54, 153, 255, .15);--success-alpha-15: rgba(16, 185, 129, .15);--warning-alpha-15: rgba(245, 158, 11, .15);--info-alpha-15: rgba(59, 130, 246, .15);--danger-alpha-20: rgba(230, 57, 70, .2);--brand-html: #e34c26;--brand-css: #264de4;--brand-js: #f7df1e;--brand-image: #4caf50;--brand-purple: #a855f7;--badge-blue-bg: color-mix(in srgb, var(--primary) 15%, transparent);--badge-blue-text: var(--primary);--badge-green-bg: color-mix(in srgb, var(--success) 15%, transparent);--badge-green-text: var(--success);--badge-gray-bg: color-mix(in srgb, var(--text-muted) 15%, transparent);--badge-gray-text: var(--text-muted);--backdrop-bg: rgba(0, 0, 0, .4);--hover-bg: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .1)}.dark-mode{--primary: #3699ff;--primary-hover: #217dbb;--success: #10b981;--warning: #f59e0b;--info: #3b82f6;--bg-body: #151521;--bg-sidebar: #1e1e2d;--bg-topbar: #1e1e2d;--bg-card: #1e1e2d;--bg-input: #151521;--bg-modal: #1e1e2d;--bg-navbar: #1e1e2d;--bg-bottom-nav: #1e1e2d;--bg-footer: #1e1e2d;--text-main: #e5e7eb;--text-muted: #b0b5bf;--text-inverse: #ffffff;--text-sidebar-hover: #ffffff;--text-navbar: #e5e7eb;--text-navbar-brand: var(--primary);--text-footer: #b0b5bf;--border-color: #2b2b40;--shadow: 0 0 20px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0,0,0,.15);--primary-alpha-15: rgba(54, 153, 255, .15);--success-alpha-15: rgba(16, 185, 129, .15);--warning-alpha-15: rgba(245, 158, 11, .15);--info-alpha-15: rgba(59, 130, 246, .15);--danger-alpha-20: rgba(230, 57, 70, .25);--brand-html: #e34c26;--brand-css: #3b82f6;--brand-js: #f7df1e;--brand-image: #4caf50;--brand-purple: #a855f7;--badge-blue-bg: color-mix(in srgb, var(--primary) 15%, transparent);--badge-blue-text: var(--primary);--badge-green-bg: color-mix(in srgb, var(--success) 15%, transparent);--badge-green-text: var(--success);--badge-gray-bg: color-mix(in srgb, var(--text-muted) 15%, transparent);--badge-gray-text: var(--text-muted);--backdrop-bg: rgba(0, 0, 0, .6);--hover-bg: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .1)}