/* ============================================================ Site-wide light theme Scoped under html[data-theme="light"], set server-side in layouts/app.blade.php from the logged-in user's saved preference (or a guest's "site_theme" cookie). Covers the main site only - NOT the admin panel and NOT the token trading page, which is a fully standalone document with its own separate per-token color system and never includes this stylesheet. main.css has no CSS custom properties anywhere (confirmed by audit) - every color is hardcoded per-selector, so this file overrides the same selectors directly rather than redefining variables. Several original rules use !important, so matching overrides here do too, to win regardless of cascade order. Coverage is the structural chrome used everywhere (header, footer, cards, tables, forms, dashboard tiles) plus general text/link colors - not an exhaustive rewrite of all ~3600 lines of main.css. Marketing-page hero sections and other one-off components may still need spot-fixes as they're found. ============================================================ */ /* ---- Toggle button (unscoped - same control shell in both themes) ---- */ .theme-toggle-btn { background: none; border: none; color: rgba(255, 255, 255, 0.75); font-size: 1.2rem; cursor: pointer; padding: 6px; display: flex; align-items: center; justify-content: center; transition: color 0.15s; } .theme-toggle-btn:hover { color: #22d3ee; } html[data-theme="light"] .theme-toggle-btn { color: rgba(20, 25, 35, 0.65); } html[data-theme="light"] .theme-toggle-btn:hover { color: #2e86de; } /* ---- Base surfaces ---- */ html[data-theme="light"] body { color: #1b2430; background: #f4f6f8; } html[data-theme="light"] .bg--body { background-color: #f4f6f8 !important; } /* ---- Headings ---- main.css sets every h1-h6 to color:#fff globally (main.css:19-30), and many homepage sections (creator-tools, app promo, feature cards, etc.) are separate Blade partials that each carry their own inline