body{margin:0;padding:0}:root{--background-color: #ffffff;--text-color: #000000;--primary-color: #1976d2;--accent-color: #ff4081}body.dark-theme{--background-color: #101010;--text-color: #ffffff;--primary-color: #014;--accent-color: #ff4081}body{background-color:var(--background-color);color:var(--text-color);font-family:sans-serif}nav{background-color:var(--primary-color);padding:10px;display:flex;gap:10px}nav a{color:#fff;text-decoration:none;padding:5px 10px;border-radius:5px}nav a:hover{background-color:var(--accent-color)}nav a.active{background-color:var(--accent-color)}button{background-color:var(--accent-color);color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}button:hover{opacity:.8}