/* ─────────────────────────────────────────────────────────────── dark-mode.css — filtered subset synced from annajah26. Keeps the site-wide (global) dark-mode rules + the page blocks for features present in this project: profile, tools (qrcode / today), mobile hamburger, articles list, pagination, newsletter promo, comments. Blocks for features NOT in this project (assessments, user-dashboard, plans, learning-paths, scenarios, coach, checkout, mockup-profile) were intentionally omitted. ─────────────────────────────────────────────────────────────── */ /* ═══════════════════════════════════════════════════════════════ Site-wide CSS overrides Loads on every page using layouts/partials/main.blade.php. This file has two responsibilities — kept together because there is no other shared editable stylesheet on legacy pages (styles.min.css is compiled, homepage.css only loads on /): 1. Global palette tokens (the :root block below). These apply in BOTH light and dark mode. The file name "dark-mode" understates its scope — it's also the site-wide token registry. 2. Dark-mode overrides scoped to .dark on (the header toggle adds/removes the class). ═══════════════════════════════════════════════════════════════ */ /* Global palette tokens — used in light AND dark mode. */ :root { --hp-navy: #1A1A2E; --hp-navy-light: #252540; --hp-cream: #FAF8F4; --hp-gold: #B8960C; --hp-gold-light: #D4AF37; --hp-surface: #FFFFFF; } /* ═══════════════════════════════════════════════════════════════ Site theme — admin-customizable (light / default mode) Routes the public site's previously-hardcoded colors through semantic --site-* variables managed from the CMS (Site Settings → Appearance). The inline