:root{--primary-color: #6200ea;--secondary-color: #03dac6;--background-color: #ffffff;--text-color: #000000}.light{--primary-color: #6200ea;--secondary-color: #03dac6;--background-color: #ffffff;--text-color: #000000}.dark{--primary-color: #bb86fc;--secondary-color: #03dac6;--background-color: #121212;--text-color: #ffffff}.blue{--primary-color: #1e88e5;--secondary-color: #ffca28;--background-color: #e3f2fd;--text-color: #0d47a1}.red{--primary-color: #d32f2f;--secondary-color: #ff6659;--background-color: #ffebee;--text-color: #b71c1c}.orange{--primary-color: #ef6c00;--secondary-color: #ffcc80;--background-color: #fff3e0;--text-color: #e65100}.purple{--primary-color: #9c27b0;--secondary-color: #ce93d8;--background-color: #f3e5f5;--text-color: #6a1b9a}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}.app-container{background-color:var(--background-color);color:var(--text-color);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.button-container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.theme-button{margin:5px;padding:10px;background-color:var(--primary-color);color:var(--text-color);border:none;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.theme-button:hover{background-color:var(--secondary-color)}.content{text-align:center}.content p{font-size:1.2em;margin-bottom:20px}.content ul{list-style-type:none;padding:0}.content ul li{background-color:var(--secondary-color);color:var(--background-color);margin:5px 0;padding:10px;border-radius:5px}.card{background-color:var(--primary-color);color:var(--text-color);padding:20px;border-radius:10px;margin-top:20px;width:300px;box-shadow:0 4px 8px #0003}.card h2{margin:0 0 10px}