@tailwind base;@tailwind components;@tailwind utilities;:root{--background: #121212;--card: #1E1E1E;--secondary: #2A2A2A;--primary: #D4AF37;--accent: #D4AF37;--text-primary: #EAEAEA;--text-secondary: #A0A0A0;--border: #4a4a4a}html[data-theme=light]{--background: #f0f2f5;--card: #ffffff;--secondary: #e9ecef;--primary: #2563eb;--accent: #2563eb;--text-primary: #1c1c1e;--text-secondary: #545458;--border: #dee2e6}body{background-color:var(--background);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}html[data-theme] body.bg-background{background-color:var(--background)}html[data-theme] body.text-text-primary{color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary)}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#c1c1c1}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.text-gold-animated{background:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gold-gradient 5s ease infinite}@keyframes gold-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@layer utilities{.bg-card{background-color:var(--card)}.bg-secondary{background-color:var(--secondary)}.bg-primary{background-color:var(--primary)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.border-accent{border-color:var(--accent)}.btn-primary-text,.nav-accent-text,.checkbox-tick-color{@apply text-black;}html[data-theme=light] .btn-primary-text,html[data-theme=light] .nav-accent-text,html[data-theme=light] .checkbox-tick-color{@apply text-white;}html[data-theme=light] .bg-card\/20,html[data-theme=light] .bg-card\/30,html[data-theme=light] .bg-card\/50,html[data-theme=light] .bg-card\/80{background-color:var(--card)}html[data-theme=light] .bg-secondary\/20,html[data-theme=light] .bg-secondary\/30,html[data-theme=light] .bg-secondary\/60{background-color:var(--secondary)}html[data-theme=light] .hover\:bg-accent\/20:hover{background-color:color-mix(in srgb,var(--primary) 15%,transparent)}html[data-theme=light] .backdrop-blur-lg,html[data-theme=light] .backdrop-blur-md,html[data-theme=light] .backdrop-blur-sm{backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=light] .border-gray-600,html[data-theme=light] .border-gray-700,html[data-theme=light] .border-accent\/20,html[data-theme=light] .border-accent\/30{border-color:var(--border)}html[data-theme=light] select{background-color:var(--secondary);border-color:var(--border);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}html[data-theme=light] .text-gold-animated{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--text-primary);animation:none}html[data-theme=light] .bg-green-500\/20{background-color:#dcfce7}html[data-theme=light] .text-green-300{color:#15803d}html[data-theme=light] .bg-red-500\/20,html[data-theme=light] .bg-red-600\/20{background-color:#fee2e2}html[data-theme=light] .text-red-400,html[data-theme=light] .text-red-300{color:#b91c1c}html[data-theme=light] .bg-yellow-500\/20{background-color:#fef9c3}html[data-theme=light] .text-yellow-300{color:#a16207}html[data-theme=light] .bg-blue-500\/20{background-color:#dbeafe}html[data-theme=light] .text-blue-300{color:#1d4ed8}html[data-theme=light] .bg-purple-500\/20{background-color:#f3e8ff}html[data-theme=light] .text-purple-300{color:#6b21a8}html[data-theme=light] .hover\:shadow-gold-glow:hover,html[data-theme=light] .focus\:shadow-gold-glow:focus{box-shadow:0 0 15px 5px color-mix(in srgb,var(--primary) 30%,transparent)}}
