/* Seraphim light theme override, loaded after the bundle CSS */
:root{color-scheme:light}
html,body{background:#f8f7f3!important;color:#14304f!important}
.bg-background,.bg-\[\#0a0a0f\],.bg-\[\#0A0A0F\]\/80,.bg-surface{background-color:#f8f7f3!important}
.bg-\[\#050508\],.bg-\[\#050508\]\/50,.bg-\[\#050508\]\/90,.bg-\[\#000\],.bg-black{background-color:#fff!important}
.bg-\[\#050508\]\/80,.bg-black\/80{background-color:rgba(20,48,79,.35)!important}
.bg-black\/40,.bg-black\/50{background-color:rgba(20,48,79,.06)!important}
.glass-card,.glass-panel{background-color:rgba(255,255,255,.92)!important;border-color:#e3e6ea!important;box-shadow:0 2px 10px rgba(20,48,79,.06)!important}
.bg-white\/5,.bg-white\/\[0\.01\],.bg-white\/\[0\.02\],.hover\:bg-white\/5:hover,.hover\:bg-white\/\[0\.02\]:hover{background-color:rgba(20,48,79,.04)!important}
.bg-white\/10,.hover\:bg-white\/10:hover{background-color:rgba(20,48,79,.07)!important}
.hover\:bg-white\/20:hover{background-color:rgba(20,48,79,.12)!important}
.border-white\/5,.border-white\/10,.border-white\/20,.divide-white\/5>*+*,.border-\[\#050508\]{border-color:#e3e6ea!important}
.hover\:border-white\/20:hover,.hover\:border-white\/30:hover,.focus\:border-white\/30:focus{border-color:#c9d1da!important}
/* text */
.text-white,.text-gray-100,.text-gray-200,.hover\:text-white:hover,.text-blue-100,.text-red-100{color:#14304f!important}
.text-gray-300,.text-slate-300,.text-gray-400,.text-slate-400,.hover\:text-gray-300:hover{color:#3a4a5c!important}
.text-gray-500,.text-gray-600,.text-gray-700,.placeholder\:text-gray-600::placeholder{color:#5b6675!important}
.text-\[\#050508\],.text-black{color:#14304f!important}
.text-neon,.text-accent,.text-cyan-400,.hover\:text-neon:hover,.selection\:text-neon *::selection{color:#1f7a6c!important}
.text-blue-300,.text-blue-400,.text-blue-500,.hover\:text-blue-300:hover,.hover\:text-blue-400:hover{color:#1d4ed8!important}
.text-purple-400,.text-fuchsia-400{color:#6d28d9!important}
.text-success,.text-emerald-400,.hover\:text-emerald-300:hover{color:#047857!important}
.text-warning,.text-amber-400,.text-amber-500,.text-orange-400,.text-yellow-200\/80{color:#b45309!important}
.text-danger,.text-red-200,.text-red-300,.text-red-400,.text-red-500,.text-rose-400,.text-pink-400,.text-pink-500,.hover\:text-red-400:hover{color:#b91c1c!important}
.text-danger\/50{color:rgba(185,28,28,.7)!important}
.text-glow,.text-glow-purple{text-shadow:none!important}
/* gradient text -> solid */
.bg-clip-text.text-transparent{background:none!important;-webkit-text-fill-color:#1f7a6c!important;color:#1f7a6c!important}
/* accents to teal */
.bg-primary,.bg-neon,.bg-accent,.hover\:bg-primary:hover,.hover\:bg-primary\/90:hover{background-color:#1f7a6c!important}
.border-primary,.border-neon\/20,.border-neon\/30,.border-primary\/20,.border-primary\/30,.border-primary\/50,.border-accent\/20,.border-accent\/30,.border-cyan-400\/30,.border-cyan-500\/30,.border-cyan-500\/50{border-color:rgba(31,122,108,.45)!important}
.from-primary,.from-primary\/20,.from-primary\/30,.from-primary\/10,.from-primary\/5{--tw-gradient-from:rgba(31,122,108,.12) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(31,122,108,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
.to-neon,.to-neon\/20,.to-neon\/30,.to-accent,.to-primary{--tw-gradient-to:rgba(42,165,143,.12) var(--tw-gradient-to-position)!important}
/* solid colored buttons/badges keep white text */
:is(.bg-primary,.bg-neon,.bg-accent,.bg-blue-500,.bg-blue-600,.bg-emerald-500,.bg-emerald-400,.bg-red-500,.bg-rose-500,.bg-purple-500,.bg-secondary,.bg-success,.bg-cyan-500,.bg-orange-500,.bg-fuchsia-500,.bg-amber-500,.bg-gray-500,.bg-slate-500),
:is(.bg-primary,.bg-neon,.bg-accent,.bg-blue-500,.bg-blue-600,.bg-emerald-500,.bg-red-500,.bg-purple-500,.bg-secondary,.bg-success) :is(.text-white,.text-black,.text-\[\#050508\]){color:#fff!important}
.bg-white:not(.rounded-full.w-3){background-color:#14304f!important;color:#fff!important}
.bg-white .text-black,.bg-white.text-black{color:#fff!important}
.hover\:bg-gray-200:hover{background-color:#1f7a6c!important}
/* glows and decorative layers */
[class*="blur-["],.blur-3xl,.blur-2xl{opacity:.35}
[class*="shadow-[0_0"]{box-shadow:0 2px 10px rgba(20,48,79,.10)!important}
.shadow-black\/50{--tw-shadow-color:rgba(20,48,79,.12)!important}
.bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.03\)_1px\,transparent_1px\)\]{background-image:linear-gradient(rgba(20,48,79,.04) 1px,transparent 1px)!important}
.bg-\[radial-gradient\(circle_at_center\,transparent_0\%\,var\(--tw-colors-background\)_100\%\)\]{background-image:radial-gradient(circle at center,transparent 0%,#f8f7f3 100%)!important}
/* inputs */
input,textarea,select{color:#14304f!important}
::selection{background:rgba(31,122,108,.2)!important;color:#14304f!important}
/* brand accents to teal */
.text-primary,.text-secondary,.text-primary *{color:#1f7a6c!important}
.w-8.h-8.rounded-lg.bg-gradient-to-br{background:linear-gradient(135deg,#1f7a6c,#2aa58f)!important}
.w-8.h-8.rounded-lg.bg-gradient-to-br .bg-white{background-color:#fff!important}
.grid.opacity-70{opacity:1!important}
/* mobile fixes (this overflow also exists on the live dark site) */
.grid>*{min-width:0}
.glass-panel .font-mono{overflow-x:auto}
@media(max-width:767px){
 nav button{padding:8px 14px!important;white-space:nowrap;font-size:13px}
 nav .text-2xl{font-size:1.25rem}
 nav .container{padding-left:14px!important;padding-right:14px!important;gap:8px}
}
@media(max-width:380px){nav button{font-size:12px;padding:7px 10px!important}}