/* ========================================================================== advisor-theme.css — Steel Blue Theme (Charles Schwab–inspired) Reserved for: /advisor pages (client report builder, PDF wizard, etc.) Usage: Add this stylesheet AFTER base.css or layout.html styles. It overrides the warm-cream default with a cool steel-blue palette suited for data-focused, professional advisor workflows. Apply by adding class="advisor-theme" to the page or a wrapper div. ========================================================================== */ /* Advisor page override — steel blue canvas */ .advisor-theme { --color-bg: #edf1f7; --color-bg-elevated: #ffffff; --color-bg-card: #ffffff; --color-border: #d5dce8; --color-border-light: #e2e8f1; --color-shadow-sm: 0 1px 2px rgba(0, 40, 80, 0.05); --color-shadow-md: 0 4px 12px rgba(0, 40, 80, 0.08); --color-shadow-lg: 0 8px 24px rgba(0, 40, 80, 0.10); background: var(--color-bg); min-height: calc(100vh - 120px); } /* Advisor grid background — cool neutral */ .advisor-theme::before { background-image: linear-gradient(rgba(0, 40, 100, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 40, 100, 0.035) 1px, transparent 1px) !important; } /* Advisor navbar — crisp white with cool border */ .advisor-theme .navbar-custom { background: rgba(255, 255, 255, 0.95); border-bottom-color: #d5dce8; } /* Dark mode overrides for advisor theme */ [data-theme="dark"] .advisor-theme { --color-bg: #0c1220; --color-bg-elevated: #131b2e; --color-bg-card: #1a2440; --color-border: #243050; --color-border-light: #1e2a45; --color-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3); --color-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4); --color-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5); background: var(--color-bg); } /* Base tokens reference (for building advisor components): Background: #edf1f7 (steel blue canvas) Card surface: #ffffff (white) Border: #d5dce8 (cool gray-blue) Border light: #e2e8f1 (lighter cool gray) Primary: #00539b (shared deep blue — unchanged) Accent: #00873d (shared green — unchanged) Text: #111827 (shared dark — unchanged) Text muted: #374151 (shared — unchanged) Text dim: #6b7280 (shared — unchanged) Grid lines: rgba(0, 40, 100, 0.035) Shadows: rgba(0, 40, 80, 0.05–0.10) */