/* ===================================================================== Dark mode tokens ---------------------------------------------------------------------- Every page in the portal that links this file gets dark mode "for free" provided its CSS uses the surface tokens (--bg, --card, --shadow, --divider, --text, --text-dark, --border, --gradient-from/-to, etc.) instead of hex literals. Two activation paths: 1. — explicit, set by js/theme.js when the user clicks the toggle. Wins over OS preference. 2. @media (prefers-color-scheme: dark) — only applies when the user has NOT picked explicitly (i.e. no [data-theme] on ). Palette is anchored to emergency-map/styles.css so the maps look right in both themes without per-map overrides. ===================================================================== */ [data-theme="dark"]{ color-scheme: dark; /* Surfaces */ --bg: #0E1015; --bg-deep: #07080A; --card: #15181E; --card-border: rgba(80,126,113,0.35); --panel: rgba(15,22,18,0.96); --shadow: 0 12px 32px -8px rgba(0,0,0,0.55); /* Borders + dividers */ --border: rgba(80,126,113,0.35); --border-soft: rgba(80,126,113,0.20); --divider: rgba(80,126,113,0.35); /* Text */ --text-dark: #F4F7F5; /* primary body text */ --text: #8AA19A; /* muted (was #475467 in light) */ --text2: #6E8A82; /* more muted (was #667085 in light) */ --text-muted: #8AA19A; --text-on-brand:#FFFFFF; /* Gradient — lift the "from" stop so the brand band still reads as a discrete surface against the dark page bg. */ --gradient-from: #318669; --gradient-to: #052E1C; /* Soft tints — the green tint that used to be 10% opacity in light needs to be a bit brighter in dark mode to register against #15181E. */ --gold-soft: rgba(49,134,105,0.18); --moh-green-10: rgba(49,134,105,0.18); /* Form inputs / buttons hover on dark surfaces — slight green wash so the primary action stays brand-correct but doesn't punch through. */ --moh-green-30: rgba(49,134,105,0.40); } /* OS / system preference fallback — DISABLED. Per user direction (May 27 2026), the portal defaults to LIGHT regardless of what the user's OS prefers. Dark mode is opt-in only via the theme toggle (which sets [data-theme="dark"] explicitly). This keeps the experience predictable for first-time visitors and matches the "light by default, dark if needed" guideline in the plan. Leaving the block here but commenting it out so it's trivial to re-enable later if we change our minds. Don't delete — the dark palette values double as a reference for what the explicit [data-theme="dark"] block above expects. @media (prefers-color-scheme: dark){ html:not([data-theme]){ color-scheme: dark; --bg: #0E1015; --bg-deep: #07080A; --card: #15181E; --card-border: rgba(80,126,113,0.35); --panel: rgba(15,22,18,0.96); --shadow: 0 12px 32px -8px rgba(0,0,0,0.55); --border: rgba(80,126,113,0.35); --border-soft: rgba(80,126,113,0.20); --divider: rgba(80,126,113,0.35); --text-dark: #F4F7F5; --text: #8AA19A; --text2: #6E8A82; --text-muted: #8AA19A; --text-on-brand:#FFFFFF; --gradient-from: #318669; --gradient-to: #052E1C; --gold-soft: rgba(49,134,105,0.18); --moh-green-10: rgba(49,134,105,0.18); --moh-green-30: rgba(49,134,105,0.40); } } */