:root{--bg-color: #f8f9fa;--text-color: #2c3e50;--card-bg: #ffffff;--border-color: #e2e8f0;--primary-color: #667eea;--nav-bg: #ffffff;--nav-text: #2d3748;--input-bg: #ffffff;--input-border: #ccc}[data-theme=dark]{--bg-color: #1a202c;--text-color: #f7fafc;--card-bg: #2d3748;--border-color: #4a5568;--primary-color: #7f9cf5;--nav-bg: #1a202c;--nav-text: #e2e8f0;--input-bg: #2d3748;--input-border: #4a5568}body,html{margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100%;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}*{box-sizing:border-box}