:root{--background-color: #ffffff;--text-color: #212529;--primary-color: #007bff;--secondary-bg-color: #f8f9fa;--border-color: #dee2e6}body.dark-theme{--background-color: #121212;--text-color: #e9ecef;--primary-color: #0d6efd;--secondary-bg-color: #212529;--border-color: #495057}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}button{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}input{background-color:var(--secondary-bg-color);color:var(--text-color);border:1px solid var(--border-color)}