html,body{height:100%;margin:0;padding:0;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}body.light{--bg: #f0f2f5;--card: #ffffff;--input: #ffffff;--text: #000000;--primary: #007bff}body.dark{--bg: #121212;--card: #1e1e1e;--input: #2c2c2c;--text: #e0e0e0;--primary: #1e90ff}