/* Light theme and theme toggle. Kept separate from site.css (generated Tailwind output) so regenerating it doesn't remove these rules.
   Dark is the default; the light rules apply only when <html data-theme="light">. */
html[data-theme=light]{color-scheme:light}

/* toggle button and logo variants */
.theme-moon,.logo-light{display:none}
html[data-theme=light] .theme-sun,html[data-theme=light] .logo-dark{display:none}
html[data-theme=light] .theme-moon{display:block}
html[data-theme=light] .logo-light{display:block}

/* surfaces */
html[data-theme=light] .bg-obsidian{background-color:#f8fafc}
html[data-theme=light] .bg-obsidian-elevated{background-color:#fff}
html[data-theme=light] .bg-obsidian-elevated\/30{background-color:rgba(241,245,249,.55)}
html[data-theme=light] .bg-obsidian-elevated\/40{background-color:rgba(241,245,249,.8)}
html[data-theme=light] .bg-obsidian\/70{background-color:rgba(248,250,252,.7)}
html[data-theme=light] .bg-obsidian\/85{background-color:rgba(248,250,252,.85)}
html[data-theme=light] .bg-obsidian\/90{background-color:rgba(248,250,252,.9)}
html[data-theme=light] .from-obsidian{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html[data-theme=light] .to-obsidian-elevated{--tw-gradient-to:#eef2f7 var(--tw-gradient-to-position)}
html[data-theme=light] .glass-card{background:rgba(255,255,255,.88);border:1px solid rgba(11,15,23,.1);box-shadow:0 1px 2px rgba(11,15,23,.04),0 8px 24px -12px rgba(11,15,23,.12)}
html[data-theme=light] .bg-grid-pattern{background-image:linear-gradient(90deg,rgba(11,15,23,.045) 1px,transparent 0),linear-gradient(180deg,rgba(11,15,23,.045) 1px,transparent 0)}
html[data-theme=light] dialog.notice::backdrop{background:rgba(11,15,23,.5)}
html[data-theme=light] .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(11,15,23,.16);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}

/* translucent white tints become translucent ink */
html[data-theme=light] .bg-white\/5{background-color:rgba(11,15,23,.045)}
html[data-theme=light] .bg-white\/\[0\.03\]{background-color:rgba(11,15,23,.03)}
html[data-theme=light] .bg-white\/\[0\.04\]{background-color:rgba(11,15,23,.04)}
html[data-theme=light] .hover\:bg-white\/5:hover{background-color:rgba(11,15,23,.06)}
html[data-theme=light] .border-white\/5{border-color:rgba(11,15,23,.06)}
html[data-theme=light] .border-white\/10{border-color:rgba(11,15,23,.1)}
html[data-theme=light] .border-white\/15{border-color:rgba(11,15,23,.14)}
html[data-theme=light] .border-prama-gold\/30{border-color:rgba(217,119,6,.4)}
html[data-theme=light] .border-prama-gold\/40{border-color:rgba(217,119,6,.5)}
html[data-theme=light] .bg-prama-gold\/10{background-color:rgba(245,158,11,.1)}
html[data-theme=light] .bg-prama-gold\/15{background-color:rgba(245,158,11,.16)}

/* text */
html[data-theme=light] .text-white,html[data-theme=light] .text-alabaster{color:#0b0f17}
html[data-theme=light] .text-slate-200{color:#1e293b}
html[data-theme=light] .text-slate-300{color:#334155}
html[data-theme=light] .text-slate-400{color:#3f4e63}
html[data-theme=light] .text-white\/30{color:rgba(11,15,23,.3)}
html[data-theme=light] .text-prama-light{color:#a04a07}
html[data-theme=light] .text-cyan-300{color:#0a627b}
html[data-theme=light] .text-red-400{color:#b91c1c}
html[data-theme=light] .hover\:text-white:hover{color:#0b0f17}
html[data-theme=light] .hover\:text-prama-light:hover{color:#92400e}

/* selected service tab stays gold with dark text (the variant rules are weaker than the overrides above) */
html[data-theme=light] .aria-selected\:bg-prama-gold[aria-selected=true]{background-color:#f59e0b}
html[data-theme=light] .aria-selected\:border-prama-gold[aria-selected=true]{border-color:#f59e0b}
html[data-theme=light] .aria-selected\:text-obsidian[aria-selected=true]{color:#0b0f17}

/* gold gradient headline text: darker stops so it reads on a light background */
html[data-theme=light] .gold-gradient-text{background:linear-gradient(135deg,#d97706,#b45309 55%,#92400e);-webkit-background-clip:text;background-clip:text}