:root{--primary-color: #ffcb05;--bg-color: #ffffff;--text-color: #333333}[data-theme=dark]{--bg-color: #222222;--text-color: #f5f5f5}body{font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;transition:background-color .3s ease,color .3s ease}button{background-color:var(--primary-color);color:#333;border:none;border-radius:4px;transition:opacity .2s}button:hover{opacity:.8}h1{color:var(--primary-color);text-shadow:1px 1px 2px rgba(0,0,0,.2)}