body{background-color:#fff;color:#000}body.dark-mode{background-color:#121212;color:#fff}button{background-color:#eee;color:#000;border:none;padding:5px 10px;cursor:pointer}body.dark-mode button{background-color:#333;color:#fff}.dark-mode-btn{display:flex;align-items:center;gap:5px;border:1px solid currentColor;border-radius:6px;padding:6px 12px;cursor:pointer;transition:all .2s}.dark-mode-btn:hover{transform:scale(1.05)}:root{--button-bg: #eee;--button-border: #ccc;--button-color: #333;--button-hover-bg: #ddd;--button-disabled-bg: #f5f5f5;--button-disabled-color: #999}body.dark-mode{--button-bg: #1e1e1e;--button-border: #555;--button-color: #fff;--button-hover-bg: #333;--button-disabled-bg: #2a2a2a;--button-disabled-color: #777}