:root{--color-primary:#6B7280;--color-primary-hover:#4B5563;--color-primary-light:#9CA3AF;--color-primary-dark:#374151;--color-secondary:#E5E7EB;--color-secondary-hover:#D1D5DB;--color-secondary-light:#F3F4F6;--color-background:#FFFFFF;--color-background-secondary:#F9FAFB;--color-background-tertiary:#F3F4F6;--color-text-primary:#1F2937;--color-text-secondary:#4B5563;--color-text-muted:#6B7280;--color-text-inverse:#FFFFFF;--color-border:#E5E7EB;--color-border-light:#F3F4F6;--color-border-hover:#6B7280;--color-success:#10B981;--color-warning:#F59E0B;--color-error:#EF4444;--color-info:#6B7280;--color-hover:#F9FAFB;--color-focus:var(--color-primary);--color-active:var(--color-primary-hover);--color-shadow:rgba(var(--color-primary-rgb,107,114,128),0.1);--color-shadow-light:rgba(var(--color-primary-rgb,107,114,128),0.05);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);--gradient-background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-secondary) 100%)}.bg-primary-hover:hover,.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-secondary-hover:hover{background-color:var(--color-secondary-hover)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-background{background:var(--gradient-background)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.gradient-text-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.bg-primary-light{background-color:var(--color-primary-light)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-light{background-color:var(--color-secondary-light)}.bg-theme-background{background-color:var(--color-background)}.bg-theme-secondary{background-color:var(--color-background-secondary)}.bg-theme-tertiary{background-color:var(--color-background-tertiary)}.text-primary{color:var(--color-text-primary)}.text-muted{color:var(--color-text-muted)}.text-readable{color:var(--color-text-primary)}.text-readable-secondary{color:var(--color-text-secondary)}.text-theme-primary{color:var(--color-primary)}.bg-primary{background-color:var(--color-primary)}.bg-primary-hover{background-color:var(--color-primary-hover)}.text-primary-hover{color:var(--color-primary-hover)}.border-theme{border-color:var(--color-border)}.bg-hover{background-color:var(--color-hover)}.focus-theme{border-color:var(--color-focus);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb,107,114,128),.2)}.theme-transition{transition:all .2s ease-in-out}[data-theme-type=dark]:not([data-admin-page]) .bg-white{background-color:#000000!important}[data-theme-type=dark][data-admin-page] .bg-gray-100,[data-theme-type=dark][data-admin-page] .bg-gray-50,[data-theme-type=dark][data-admin-page] .bg-sky-100,[data-theme-type=dark][data-admin-page] .bg-sky-50,[data-theme-type=dark][data-admin-page] .bg-white{background-color:initial!important}[data-theme-type=dark][data-admin-page] div,[data-theme-type=dark][data-admin-page] h1,[data-theme-type=dark][data-admin-page] h2,[data-theme-type=dark][data-admin-page] h3,[data-theme-type=dark][data-admin-page] h4,[data-theme-type=dark][data-admin-page] h5,[data-theme-type=dark][data-admin-page] h6,[data-theme-type=dark][data-admin-page] label,[data-theme-type=dark][data-admin-page] p,[data-theme-type=dark][data-admin-page] span{color:initial!important}[data-theme-type=dark] .text-gray-700{color:var(--color-text-primary)}[data-theme-type=dark] .hover\:bg-gray-100:hover{background-color:var(--color-hover)}[data-theme-type=dark] .border-gray-300{border-color:var(--color-border)}.border-theme-light{border-color:var(--color-border-light)}.border-theme-hover:hover{border-color:var(--color-border-hover)}.focus-theme:focus{border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-focus)}.shadow-theme{box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow-light)}.shadow-theme-lg{box-shadow:0 10px 15px -3px var(--color-shadow),0 4px 6px -2px var(--color-shadow-light)}.hover-theme:hover{background-color:var(--color-hover)}.active-theme:active{background-color:var(--color-active);color:var(--color-text-inverse)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[data-theme-type=dark]{color-scheme:dark;--gradient-primary:var(--color-primary);--gradient-secondary:var(--color-secondary);--gradient-background:var(--color-background)}[data-theme-type=dark] .year4-quiz-runner>footer,[data-theme-type=dark] .year4-quiz-runner>header{background-color:#000000!important}[data-theme-type=dark] .year4-quiz-runner>aside{background-color:#000000!important;opacity:1!important}[data-theme-type=dark] .bg-white.rounded-2xl.shadow-xl.border-2{background-color:#1a1a1a!important;border-color:#333333!important}[data-theme-type=dark] .border-t-2.border-primary.p-4.bg-white{background-color:#0a0a0a!important;border-color:#333333!important}[data-theme-type=dark]:not([data-admin-page]) .bg-gray-50{background-color:#0a0a0a!important}[data-theme-type=dark] .bg-primary\/5{background-color:#333333!important}[data-theme-type=dark]:not([data-admin-page]) .bg-gray-100{background-color:#0a0a0a!important}[data-theme-type=dark]:not([data-admin-page]) .bg-gradient-primary{background:var(--color-primary)!important;color:var(--color-text-primary)!important}[data-theme-type=dark]:not([data-admin-page]) .bg-gradient-secondary{background:var(--color-secondary)!important;color:var(--color-text-primary)!important}[data-theme-type=dark]:not([data-admin-page]) .bg-gradient-background{background:var(--color-background)!important}[data-theme-type=dark] .gradient-text-primary{background:none!important;color:var(--color-text-primary)!important}[data-theme-type=dark] .text-inverse,[data-theme-type=dark] .text-primary{color:var(--color-text-primary)!important}[data-theme-type=dark],[data-theme-type=dark] main{background-color:#000000!important}[data-theme-type=dark]:not([data-admin-page]) .font-black,[data-theme-type=dark]:not([data-admin-page]) .font-bold,[data-theme-type=dark]:not([data-admin-page]) .text-4xl,[data-theme-type=dark]:not([data-admin-page]) .text-center,[data-theme-type=dark]:not([data-admin-page]) .text-lg,[data-theme-type=dark]:not([data-admin-page]) .text-primary,[data-theme-type=dark]:not([data-admin-page]) .text-secondary,[data-theme-type=dark]:not([data-admin-page]) .text-sm,[data-theme-type=dark]:not([data-admin-page]) div,[data-theme-type=dark]:not([data-admin-page]) h1,[data-theme-type=dark]:not([data-admin-page]) h2,[data-theme-type=dark]:not([data-admin-page]) h3,[data-theme-type=dark]:not([data-admin-page]) h4,[data-theme-type=dark]:not([data-admin-page]) h5,[data-theme-type=dark]:not([data-admin-page]) h6,[data-theme-type=dark]:not([data-admin-page]) label,[data-theme-type=dark]:not([data-admin-page]) p,[data-theme-type=dark]:not([data-admin-page]) span{color:#FFFFFF!important}[data-theme-type=dark] button,[data-theme-type=dark] input,[data-theme-type=dark] select,[data-theme-type=dark] textarea{background-color:#222222!important;color:#FFFFFF!important;border-color:#3b3b3b!important}[data-theme-type=dark] button:hover{background-color:#3b3b3b!important}[data-theme-type=dark]:not([data-admin-page]) .bg-primary{background-color:#222222!important;color:#FFFFFF!important}.theme-primary-swatch{background-color:var(--swatch-primary)!important;color:transparent!important}.theme-secondary-swatch{background-color:var(--swatch-secondary)!important;color:transparent!important}.theme-background-swatch{background-color:var(--swatch-background)!important}.theme-background-swatch,[data-theme-type=dark] .theme-background-swatch,[data-theme-type=dark] .theme-primary-swatch,[data-theme-type=dark] .theme-secondary-swatch{color:transparent!important}[data-theme-type=dark] .shadow-theme{box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow-light)}[data-theme-type=dark] .shadow-theme-lg{box-shadow:0 10px 15px -3px var(--color-shadow),0 4px 6px -2px var(--color-shadow-light)}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.no-transition,.no-transition *{transition:none!important}.bg-background{background-color:var(--color-background)}.bg-card{background-color:var(--color-background-secondary)}.bg-accent{background-color:var(--color-background-tertiary)}.text-foreground{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted-foreground{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-inverse,.text-primary-foreground{color:var(--color-text-inverse)}.border-border{border-color:var(--color-border);border-width:2px}.border-primary{border-color:var(--color-primary);border-width:2px}.rounded-enhanced{border-radius:16px}.rounded-card{border-radius:12px}.rounded-button{border-radius:10px}.hover\:bg-accent:hover{background-color:var(--color-background-tertiary)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:text-inverse:hover{color:var(--color-text-inverse)}.hover\:text-primary:hover{color:var(--color-primary)}.focus\:ring-primary:focus{box-shadow:0 0 0 2px var(--color-primary)}.focus-visible\:ring-primary:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.content-box{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:16px;box-shadow:0 4px 12px var(--color-shadow)}.content-box-secondary{background-color:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-light)}.border-enhanced{border-width:2px;border-style:solid;border-color:var(--color-border)}.border-primary-enhanced{border-width:2px;border-style:solid;border-color:var(--color-primary)}.text-content{color:var(--color-text-primary);line-height:1.6}.text-content-light{color:var(--color-text-secondary);line-height:1.5}.card-enhanced{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:16px;padding:24px;box-shadow:0 4px 12px var(--color-shadow),0 2px 6px var(--color-shadow-light);transition:all .2s ease-in-out}.card-enhanced:hover{box-shadow:0 8px 24px var(--color-shadow),0 4px 12px var(--color-shadow-light);border-color:var(--color-primary)}.bg-theme-light{background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}[data-theme-name=dark] .bg-theme-light{background-color:transparent}[data-theme-name=dark] .border-primary{border-color:var(--color-border)!important}[data-theme-name=dark] .border-2{border-width:1px!important}.dashboard-box{background-color:var(--color-primary-light);border:2px solid var(--color-primary);border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:1.5rem}.bg-white.rounded-lg.shadow-inner,.bg-white.rounded-xl.shadow-inner,.dashboard-inner-box{background-color:#f5f5f5;border:2px solid color-mix(in srgb,var(--color-primary) 30%,#e0e0e0);border-radius:.5rem;box-shadow:inset 2px 2px 5px rgba(0,0,0,.1),inset -1px -1px 3px rgba(255,255,255,.5);padding:.75rem}[data-theme-name=dark] .dashboard-box{background-color:transparent;border-color:var(--color-border);border-width:1px}[data-theme-name=dark] .dashboard-inner-box{background-color:transparent;box-shadow:none}