/* * TrackMyResume brand palette — anchored to MVC values per BlazorFE.Spec.txt * "look and feel intact". Bootstrap 5.3 data-bs-theme attribute switches * light/dark on ; the navbar stays dark in both themes for brand * consistency. */ :root, [data-bs-theme="light"] { /* Navbar — always dark (Bootstrap dark + white text) */ --tmr-navbar-bg: #212529; --tmr-navbar-fg: #ffffff; --tmr-navbar-link-fg: #ffffff; --tmr-navbar-link-hover-fg: #d0d0d0; --tmr-navbar-dropdown-bg: #212529; /* Body */ --tmr-body-bg: #ffffff; --tmr-body-fg: #212529; --tmr-muted-fg: #6c757d; /* Brand */ --tmr-link: #0366d6; /* Primary brand action color — matches MVC's `.tmr-btn-submit` (TrackMyResumeMVC/wwwroot/css/site.css). The kickoff plan initially guessed Bootstrap-blue here; audit of MVC's actual site.css revealed slate-teal is the real brand value, and Craig confirmed brand truth wins over the kickoff guess (2026-05-05). Use var(--tmr-primary) for any primary action button background; pair with var(--tmr-primary-border) for hover and border. */ --tmr-primary: #81a2a9; --tmr-primary-border: #77989F; /* KPI accents (insights.css) — same values across themes */ --tmr-accent-blue: #3b82f6; --tmr-accent-green: #10b981; --tmr-accent-amber: #f59e0b; --tmr-accent-purple: #8b5cf6; --tmr-accent-emerald: #059669; /* Component-specific anchors */ --tmr-dropzone-border: #81a2a9; --tmr-letter-bg: #f0f0f5; --tmr-letter-fg: #4a5568; /* Borders + shadows */ --tmr-border: #e5e5e5; --tmr-shadow: 0 .25rem .75rem rgba(0,0,0,.05); } [data-bs-theme="dark"] { /* Navbar unchanged — stays dark */ --tmr-body-bg: #121212; --tmr-body-fg: #e0e0e0; --tmr-muted-fg: #a0a0a0; --tmr-link: #58a6ff; --tmr-letter-bg: #2d2d2d; --tmr-letter-fg: #d0d0d0; --tmr-border: #2d2d2d; --tmr-shadow: 0 .25rem .75rem rgba(0,0,0,.4); }