:root{--background-color-light: #ffffff;--text-color-light: #333333;--primary-color-light: #007bff;--secondary-background-light: #f0f2f5;--border-color-light: #e0e0e0}html[data-theme=dark]{--background-color-dark: #1a202c;--text-color-dark: #e2e8f0;--primary-color-dark: #667eea;--secondary-background-dark: #2d3748;--border-color-dark: #4a5568}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color-light);color:var(--text-color-light);transition:background-color .3s ease,color .3s ease}html[data-theme=dark] body{background-color:var(--background-color-dark);color:var(--text-color-dark)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-toggle-button{background-color:var(--primary-color-light);color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}html[data-theme=dark] .theme-toggle-button{background-color:var(--primary-color-dark)}.theme-toggle-button:hover{opacity:.9}