:root{--background-color: #ffffff;--text-color: #000000;--primary-color: #2c3e50;--secondary-color: #7f8c8d;--border-color: #bdc3c7}[data-theme=dark]{--background-color: #1a1a1a;--text-color: #ffffff;--primary-color: #3498db;--secondary-color: #95a5a6;--border-color: #34495e}body{margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;transition:all .3s ease}