/* RaahUPSC Tools — theme bridge for the older Tailwind tool pages.
   Maps Tailwind's stock blue/indigo/grey utilities onto the RaahUPSC "Field Manual"
   palette so every page shares one look in light and dark mode. Loaded after Tailwind. */
:root{--field:#fffdf7;--seal-d:#8f1c21;--seal-soft:rgba(179,36,42,.09);--seal-line:rgba(179,36,42,.35);--rn-muted2:#7a6f58}
:root.dark{--field:#1e1a14;--seal-d:#c84c45;--seal-soft:rgba(224,98,90,.14);--seal-line:rgba(224,98,90,.4);--rn-muted2:#8f866f}

/* ---------- accent: blue / indigo / violet / purple / sky -> seal red ---------- */
html .bg-indigo-500,html .bg-indigo-600,html .bg-indigo-700,html .bg-blue-500,html .bg-blue-600,html .bg-blue-700,
html .bg-violet-500,html .bg-violet-600,html .bg-purple-500,html .bg-purple-600,html .bg-sky-500,html .bg-sky-600{background-color:var(--seal)!important;color:#fff}
html .hover\:bg-indigo-500:hover,html .hover\:bg-indigo-600:hover,html .hover\:bg-indigo-700:hover,html .hover\:bg-blue-600:hover,html .hover\:bg-blue-700:hover,
html .hover\:bg-purple-700:hover,html .hover\:bg-violet-700:hover{background-color:var(--seal-d)!important}
html .bg-indigo-50,html .bg-indigo-100,html .bg-blue-50,html .bg-blue-100,html .bg-violet-50,html .bg-violet-100,html .bg-purple-50,html .bg-purple-100,html .bg-sky-50,html .bg-sky-100,
html .hover\:bg-indigo-50:hover,html .hover\:bg-blue-50:hover{background-color:var(--seal-soft)!important}
html .bg-indigo-200,html .bg-blue-200,html .bg-blue-300{background-color:var(--seal-line)!important}
html .text-indigo-400,html .text-indigo-500,html .text-indigo-600,html .text-indigo-700,html .text-indigo-800,html .text-indigo-900,
html .text-blue-500,html .text-blue-600,html .text-blue-700,html .text-blue-800,html .text-violet-600,html .text-purple-600,html .text-purple-700,html .text-sky-600,
html .hover\:text-indigo-600:hover,html .hover\:text-blue-600:hover{color:var(--seal)!important}
html .bg-indigo-600 *,html .bg-blue-600 *,html .bg-blue-500 *,html .bg-indigo-500 *{color:inherit}
html .border-indigo-100,html .border-indigo-200,html .border-indigo-300,html .border-indigo-400,html .border-indigo-500,html .border-indigo-600,
html .border-blue-100,html .border-blue-200,html .border-blue-300,html .border-blue-500,html .border-blue-600,html .border-purple-200,
html .hover\:border-indigo-500:hover,html .hover\:border-blue-500:hover,html .hover\:border-indigo-400:hover{border-color:var(--seal-line)!important}
html .ring-indigo-500,html .ring-blue-500,html .focus\:ring-indigo-500:focus,html .focus\:ring-blue-500:focus{--tw-ring-color:var(--seal-line)!important}
html .focus\:border-indigo-500:focus,html .focus\:border-blue-500:focus{border-color:var(--seal)!important}
html .from-indigo-500,html .from-indigo-600,html .from-blue-500,html .from-blue-600,html .from-purple-500,html .from-violet-500{--tw-gradient-from:var(--seal)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html .to-indigo-600,html .to-indigo-700,html .to-purple-600,html .to-purple-700,html .to-blue-600,html .to-blue-700,html .to-violet-600{--tw-gradient-to:var(--seal-d)!important}
html .accent-indigo-600,html .accent-blue-600,html input[type=range],html input[type=checkbox],html input[type=radio]{accent-color:var(--seal)}
html .shadow-indigo-100,html .shadow-indigo-200,html .shadow-indigo-600\/20,html .shadow-indigo-600\/30{--tw-shadow-color:rgba(13,20,32,.12)!important}

/* ---------- surfaces & text: stock greys -> paper & ink ---------- */
html .bg-white{background-color:var(--bg-tool-card)!important}
html .bg-gray-50,html .bg-slate-50{background-color:var(--bg-body)!important}
html .bg-gray-100,html .bg-slate-100,html .bg-gray-200,html .bg-slate-200,html .hover\:bg-gray-100:hover,html .hover\:bg-gray-200:hover,html .hover\:bg-slate-200:hover{background-color:var(--bg-nav-toggle-hover)!important}
html .text-gray-900,html .text-gray-800,html .text-slate-900,html .text-slate-800{color:var(--text-tool-card-heading)!important}
html .text-gray-700,html .text-gray-600,html .text-slate-700,html .text-slate-600{color:var(--text-tool-card-paragraph)!important}
html .text-gray-500,html .text-gray-400,html .text-slate-500,html .text-slate-400{color:var(--rn-muted2)!important}
html .border-gray-100,html .border-gray-200,html .border-gray-300,html .border-slate-100,html .border-slate-200,html .divide-gray-200>*+*{border-color:var(--border-tool-card)!important}

/* form fields */
html main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html main select,html main textarea,
html .container input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html .container select,html .container textarea{
  background-color:var(--field)!important;color:var(--text-body)!important;border-color:var(--border-tool-card)!important}
html input::placeholder,html textarea::placeholder{color:var(--rn-muted2)!important;opacity:1}
html select option{background:var(--field);color:var(--text-body)}

/* ---------- dark mode: anything hard-coded light ---------- */
:root.dark [style*="background:#fff"],:root.dark [style*="background: #fff"],:root.dark [style*="background-color:#fff"],:root.dark [style*="background-color: #fff"],
:root.dark [style*="background:white"],:root.dark [style*="background-color:white"],:root.dark [style*="background: white"]{background:var(--bg-tool-card)!important}
:root.dark .bg-green-50,:root.dark .bg-emerald-50{background-color:rgba(79,181,101,.12)!important}
:root.dark .bg-red-50,:root.dark .bg-rose-50{background-color:rgba(224,98,90,.12)!important}
:root.dark .bg-amber-50,:root.dark .bg-yellow-50,:root.dark .bg-orange-50{background-color:rgba(227,172,77,.12)!important}
:root.dark .text-green-700,:root.dark .text-green-800,:root.dark .text-emerald-700,:root.dark .text-emerald-800{color:#6fcf86!important}
:root.dark .text-red-700,:root.dark .text-red-600,:root.dark .text-rose-700,:root.dark .text-rose-800{color:#f08a83!important}
:root.dark .text-amber-700,:root.dark .text-amber-800,:root.dark .text-amber-900,:root.dark .text-yellow-600{color:#e3ac4d!important}
:root.dark .border-green-200,:root.dark .border-red-200,:root.dark .border-red-100,:root.dark .border-amber-200{border-color:var(--border-tool-card)!important}
:root.dark main h1,:root.dark main h2,:root.dark main h3,:root.dark main h4,:root.dark body>h1,:root.dark body>h2{color:var(--text-tool-card-heading)!important}
:root.dark .prose,:root.dark .prose p,:root.dark .prose li{color:var(--text-tool-card-paragraph)}
:root.dark canvas.bg-white,:root.dark img{color-scheme:light}

/* pages with their own paper/ink Tailwind palette (Psychology, quotes) */
:root.dark .bg-paper-50,:root.dark .bg-paper-100,:root.dark .bg-paper-50\/95,:root.dark .bg-paper-100\/90{background-color:var(--bg-tool-card)!important}
:root.dark .bg-paper-200,:root.dark .bg-paper-300,:root.dark .hover\:bg-paper-200:hover{background-color:var(--bg-nav-toggle-hover)!important}
:root.dark .border-paper-200,:root.dark .border-paper-300{border-color:var(--border-tool-card)!important}
:root.dark .text-ink-900,:root.dark .text-ink-800{color:var(--text-tool-card-heading)!important}
:root.dark .text-ink-700,:root.dark .text-ink-600,:root.dark .text-ink-500{color:var(--text-tool-card-paragraph)!important}
:root.dark .bg-terracotta-50{background-color:var(--seal-soft)!important}
:root.dark .text-terracotta-900\/80,:root.dark .text-terracotta-700{color:#f0a49e!important}
:root.dark .bg-ink-900.text-paper-50{background:#ece6d6!important;color:#191510!important}
html body.bg-gray-50,html body.bg-gray-100,html body.bg-white,html body.bg-slate-50{background-color:var(--bg-body)!important}