:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-card: #ffffff;--color-bg-input: #f9fafb;--color-bg-hover: #f3f4f6;--color-bg-active: #f9fafb;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-border-primary: #f3f4f6;--color-border-secondary: #e5e7eb;--color-border-focus: #fdba74;--color-brand-primary: #f97316;--color-brand-secondary: #ea580c;--color-brand-light: #fff7ed;--color-brand-bg: #fed7aa;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-dropdown: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--gradient-brand: linear-gradient(to right, #f97316, #ea580c);--gradient-brand-hover: linear-gradient(to right, #ea580c, #dc2626)}.dark{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-card: #1e293b;--color-bg-input: #1e293b;--color-bg-hover: #334155;--color-bg-active: #475569;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-muted: #64748b;--color-text-inverse: #0f172a;--color-border-primary: #334155;--color-border-secondary: #475569;--color-border-focus: #fb923c;--color-brand-primary: #fb923c;--color-brand-secondary: #f97316;--color-brand-light: #1c1917;--color-brand-bg: #7c2d12;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-card-hover: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-dropdown: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--gradient-brand: linear-gradient(to right, #fb923c, #f97316);--gradient-brand-hover: linear-gradient(to right, #f97316, #ea580c)}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}