:root{--background-color:#fff;--text-color:#000;--primary-color:#d2e8de}[data-theme=dark]{--background-color:#1a202d;--text-color:#e0f7fa;--primary-color:#3a4a69}[data-theme=light]{--background-color:#a9c2e0;--text-color:#1e1e3e;--primary-color:#6b6bb3}body{background-color:var(--background-color);color:var(--text-color)}button{background-color:var(--primary-color);color:var(--text-color)}