/* ── McKinneyTech Shared Light-Mode Theme ── */
/* FILE: shared/theme.css | VERSION: 2026-07-06.1 */
/*
  Single source of truth for body.theme-light color overrides. Every page
  (public site + portal) links this instead of hardcoding its own partial
  copy of the same rules — add or fix a color here once, it applies
  everywhere. This file only covers the generic Tailwind utility overrides
  reused across pages; page-specific component styles (e.g. a modal, a
  dashboard card) still belong in that page's own <style> block.

  Usage: <link rel="stylesheet" href="/shared/theme.css"> (portal pages,
  absolute) or href="./shared/theme.css" (site-root pages, relative).
*/

body.theme-light { background-color: #f1f5f9 !important; color: #1e293b !important; }

body.theme-light nav,
body.theme-light #mobile-menu { background-color: #ffffff !important; border-color: #e2e8f0 !important; }

body.theme-light .bg-slate-900 { background-color: #ffffff !important; }
body.theme-light .bg-slate-950 { background-color: #f1f5f9 !important; }
body.theme-light .bg-slate-800 { background-color: #f8fafc !important; }
body.theme-light .bg-slate-700 { background-color: #e2e8f0 !important; }

body.theme-light .border-slate-800 { border-color: #e2e8f0 !important; }
body.theme-light .border-slate-700 { border-color: #cbd5e1 !important; }

body.theme-light .text-slate-100 { color: #0f172a !important; }
body.theme-light .text-slate-200 { color: #1e293b !important; }
body.theme-light .text-slate-300 { color: #334155 !important; }
body.theme-light .text-slate-400 { color: #475569 !important; }
body.theme-light .text-slate-500 { color: #64748b !important; }
body.theme-light .text-white { color: #0f172a !important; }

body.theme-light footer { background: #ffffff !important; border-color: #e2e8f0 !important; color: #64748b !important; }

.theme-toggle { background: none; border: 1px solid #334155; color: #94a3b8; border-radius: 0.5rem; padding: 0.35rem 0.6rem; cursor: pointer; font-size: 0.85rem; transition: border-color 0.2s, color 0.2s; }
.theme-toggle:hover { border-color: #3b82f6; color: #3b82f6; }
body.theme-light .theme-toggle { border-color: #cbd5e1; color: #64748b; }
body.theme-light .theme-toggle:hover { border-color: #3b82f6; color: #3b82f6; }

/* Required by header.js's injected nav (and index.html's own matching copy):
   without this, the logo/centered-brand/nav-links lose their 3-column grid
   positioning and the logo collapses to the far left with broken spacing. */
.nav-layout { display: flex; justify-content: space-between; }
@media (min-width: 768px) { .nav-layout { display: grid; grid-template-columns: 1fr auto 1fr; } }

body.theme-light #nav-logo { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.08)); }