/* light-mode.css — admin light theme (Phase 1: clean var-driven surfaces only). * * The admin SPA shell is dark via a "--fp-*" palette defined in index.css :root * (--fp-bg #0C0F16 … --fp-text #D4E4F4). _adminWrap_133qo_23 and ~73 other * var(--fp-*) consumers read those. This file reassigns the ~10 STRUCTURAL * --fp-* vars to a light palette when carries .calendar-light (toggled by * theme-toggle.js, persisted in localStorage 'calendar_admin_theme'; default dark). * * Scope notes: * - Categorical/accent vars (--fp-blue/amber/green/red) are intentionally left * unchanged — see the contrast caveat in the build report. * - The bundle ALSO hard-codes the dark hexes inline (e.g. data tables at * background:"#121721"); those are NOT var-driven and are NOT covered here. * They remain dark in Phase 1 (Phase 2 = attribute-substring overrides). * - The public calendar does not consume --fp-* vars, so this is inert there. * * :root.calendar-light raises specificity above the base :root block, so it wins * regardless of load order; it's also loaded after index.css. */ :root.calendar-light { --fp-bg: #eef1f6; /* page background (dark: #0C0F16) */ --fp-bg2: #ffffff; /* panels / table surface (dark: #121721) */ --fp-bg3: #f5f7fb; /* alt rows / subpanels (dark: #181E2A) */ --fp-bg4: #ffffff; /* cards / inputs (dark: #1E2636) */ --fp-border: #dde3ec; /* (dark: #1F2D42) */ --fp-border2: #c8d2df; /* (dark: #2A3D58) */ --fp-border3: #aeb9c9; /* (dark: #3A5070) */ --fp-text: #16203a; /* primary text (dark: #D4E4F4) */ --fp-text2: #45556c; /* secondary text (dark: #8BACC8) */ --fp-text3: #6b7a8d; /* muted text (dark: #4A6480) */ /* Accents darkened for legibility as TEXT / thin lines on white (Phase 1 contrast fix). Fills that use these as a background stay readable (white text on a darker accent still works); translucent accent backgrounds in the bundle are separate literals and are unaffected. */ --fp-blue: #0E7FB8; /* cyan as text/line (dark: #38BFFF) */ --fp-amber: #B26A00; /* amber as text/line (dark: #FFB800) */ --fp-green: #0E9E55; /* green as text/line (dark: #2DFF8A) */ /* --fp-red (#FF4444) and --fp-font unchanged. */ } /* ── Phase 1 contrast fixes — surfaces that hard-code a LIGHT text color (not var(--fp-text)) and so stayed near-white when the background flipped. All scoped to :root.calendar-light, so dark mode is untouched. ── */ /* Admin page title + month label hard-code #eef6ff. Route them to --fp-text (dark in light mode). These are admin CONTENT classes (_pageHeader/_toolbar inside _adminWrap) — distinct from the global navy .page-header, which keeps its white text and is not matched here. */ :root.calendar-light [class*="_pageTitle_133qo_"], :root.calendar-light [class*="_monthTitle_133qo_"] { color: var(--fp-text) !important; } /* Dupe / Delete / other .btn-sm.secondary buttons are translucent-white bg + white text (#ffffff1f / #fff) — invisible on light. Give them a light skin. */ :root.calendar-light .btn-sm.secondary { background: var(--fp-bg3) !important; color: var(--fp-text) !important; border-color: var(--fp-border2) !important; }