/* GENERATED by tools/make-light.mjs: neutral dark surfaces recoloured to navy for <html data-theme="dark">. Do not edit by hand. */
:root[data-theme="dark"] .wipe{background:linear-gradient(100deg,rgb(4,10,22) 0 78%,var(--accent) 78% 82%,rgb(4,10,22) 82%)}
:root[data-theme="dark"] .site-header{background:rgba(4,10,22,0.82)}
:root[data-theme="dark"] .toolbar{background:rgba(4,10,22,0.94)}
:root[data-theme="dark"] .cover{background:linear-gradient(115deg,color-mix(in srgb,var(--h) 34%,rgb(5,12,25)),rgb(5,12,25) 72%)}
:root[data-theme="dark"] .cv-k{background:rgba(0,3,9,0.45)}
:root[data-theme="dark"] .save{background:rgba(4,10,22,0.6)}
:root[data-theme="dark"] .pal{background:rgba(2,7,16,0)}
:root[data-theme="dark"] .pal.open{background:rgba(2,7,16,0.72)}
:root[data-theme="dark"] .site-header{background:rgba(3,8,18,0.78)}
:root[data-theme="dark"] .toolbar{background:rgba(3,8,18,0.92)}
:root[data-theme="dark"] .hsearch{background:rgba(6,14,29,0.9)}
:root[data-theme="dark"] .save[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,rgba(4,10,22,0.6))}
:root[data-theme="dark"] .facts>div:hover{background:rgb(8,18,36)}
:root[data-theme="dark"] .site-header{background:rgba(5,11,24,0.86)}
:root[data-theme="dark"] .hero2{background:rgb(6,13,28)}
:root[data-theme="dark"] .hero2 .hero-bg{background:radial-gradient(55% 70% at 82% 38%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 72%),radial-gradient(50% 65% at 5% 55%,rgba(27,90,136,.22),transparent 78%),linear-gradient(110deg,rgb(6,13,28) 20%,rgb(6,15,30) 65%,rgb(9,19,37))}
:root[data-theme="dark"] .hsearch{background:rgba(5,12,25,0.76)}
:root[data-theme="dark"] .marquee{background:rgb(7,16,32)}
:root[data-theme="dark"] .tile{background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 58%),rgb(9,19,38)}
:root[data-theme="dark"] .card{background:linear-gradient(160deg,rgba(255,255,255,.045),transparent 38%),rgb(9,19,38)}
:root[data-theme="dark"] .spot{background:rgb(9,19,38)}
:root[data-theme="dark"] .toolbar{background:rgba(5,11,24,0.94)}
:root[data-theme="dark"] .search,:root[data-theme="dark"] .dropdown{background:rgb(9,19,38)}
:root[data-theme="dark"] .site-footer{background:rgb(5,11,24)}
:root[data-theme="dark"] .auth-shell{background:rgb(8,17,35)}
:root[data-theme="dark"] .auth-aside{background:radial-gradient(36rem 29rem at 75% 24%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 65%),radial-gradient(30rem 30rem at 12% 94%,rgba(34,112,168,.22),transparent 72%),linear-gradient(145deg,rgb(11,24,47),rgb(7,16,32) 70%)}
:root[data-theme="dark"] .auth-card{background:linear-gradient(155deg,rgba(255,255,255,.025),transparent 45%),rgb(8,17,35)}
:root[data-theme="dark"] .auth-card input{background:rgb(6,14,29);border-color:rgb(22,43,81)}
:root[data-theme="dark"] .account-popover{background:rgba(8,17,35,0.98)}
:root[data-theme="dark"] .username-field{border:1px solid rgb(22,43,81);background:rgb(6,14,29)}
:root[data-theme="dark"] .admin-welcome{background:radial-gradient(ellipse at 83% 5%,color-mix(in srgb,var(--accent) 21%,transparent),transparent 36%),linear-gradient(110deg,rgb(11,23,45),rgb(8,18,37) 67%,rgb(8,18,37))}
:root[data-theme="dark"] .stat-luxe{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgb(8,18,36)}
:root[data-theme="dark"] .admin-feed-panel,:root[data-theme="dark"] .admin-shortcuts{background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.009)),rgb(8,18,36)}
:root[data-theme="dark"] .admin-tools-row .search input,:root[data-theme="dark"] .bulk-controls .search input{background:rgb(8,17,35)}
:root[data-theme="dark"] .creator-admin-card,:root[data-theme="dark"] .export-card{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgb(8,18,36)}
:root[data-theme="dark"] .adm-tools .sel{background:rgb(8,17,35)}
:root[data-theme="dark"] .pack-thumb{background:rgb(13,28,53)}
:root[data-theme="dark"] .pack-thumb-empty{background:linear-gradient(140deg,rgba(64,137,255,.18),rgb(9,21,40))}
:root[data-theme="dark"] .thumb-preview{background:radial-gradient(ellipse at 30% 20%,rgba(56,132,255,.22),transparent 65%),rgb(6,14,28)}
:root[data-theme="dark"] .d-hero .cover.big.has-thumb{background:rgb(9,20,39)}
:root[data-theme="dark"] .d-hero .cover.big.has-thumb::before{background:linear-gradient(0deg,rgba(3,9,20,0.2),transparent 45%)}
:root[data-theme="dark"] .cover.has-thumb::before{background:linear-gradient(0deg,rgba(3,9,20,0.5),transparent 65%)}
:root[data-theme="dark"] .follow-dialog{background:radial-gradient(ellipse at 0 0,rgb(15,30,57) 0,transparent 52%),linear-gradient(145deg,rgb(10,21,41),rgb(5,13,27) 65%)}
:root[data-theme="dark"] .follow-dialog::backdrop{background:rgba(2,7,17,0.851)}
:root[data-theme="dark"] .role-trigger-icon,:root[data-theme="dark"] .role-option-icon{background:color-mix(in srgb,var(--accent) 13%,rgb(9,19,38))}
:root[data-theme="dark"] .role-trigger[aria-expanded=true] .role-trigger-icon{background:color-mix(in srgb,var(--accent) 22%,rgb(9,19,38))}
:root[data-theme="dark"] .role-menu{background:linear-gradient(155deg,rgb(13,27,52),rgb(7,17,33) 72%)}
:root[data-theme="dark"] .fx-mark{background:linear-gradient(135deg,var(--h),color-mix(in srgb,var(--h) 45%,rgb(0,3,9)))}
:root[data-theme="dark"] .fx-initials{background:linear-gradient(135deg,var(--h),color-mix(in srgb,var(--h) 45%,rgb(0,3,9)))}