:root[data-theme=light]{--background-primary: #ffffff;--background-secondary: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--accent-color: #007bff;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--card-background: #ffffff;--hover-background: #f0f0f0}:root[data-theme=dark]{--background-primary: #1a1a1a;--background-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-color: #4dabf7;--border-color: #404040;--shadow-color: rgba(0, 0, 0, .3);--card-background: #2d2d2d;--hover-background: #363636}body{background-color:var(--background-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--card-background);border:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color)}.button{background-color:var(--accent-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:opacity .2s ease}.button:hover{opacity:.9}.input{background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px;border-radius:4px}.link{color:var(--accent-color);text-decoration:none}.link:hover{text-decoration:underline}