/*
* theme.css -- Tripgen 17-token palette
*
* Spec: docs/superpowers/specs/2026-04-26-account-hub-1-theme-palette.md
* Locked 2026-04-26 (con-psy override of brand-strategist v1).
*
* Apply via in
* before any page-specific stylesheet. Theme is set via [data-theme="dark"]
* on by /assets/js/theme.js (loaded as a blocking script).
*/
:root {
color-scheme: light;
--bg-app: #FDFBF7;
--bg-surface: #F5F2ED;
--bg-elevated: #FFFFFF;
--bg-input: #FFFFFF;
--bg-overlay: rgba(0, 0, 0, 0.4);
--border-subtle: #E5E1D8;
--border-strong: #2C2416;
--text-primary: #2C2416;
--text-secondary: #5F5647;
--text-muted: #8E8677;
--text-on-accent: #FFFFFF;
--accent-primary: #D97706;
--accent-primary-hover: #B45309;
--accent-secondary: #6B7D52;
--accent-warning: #DC2626;
--accent-success: #166534;
--link: #D97706;
}
[data-theme="dark"] {
color-scheme: dark;
--bg-app: #1A1917;
--bg-surface: #23211D;
--bg-elevated: #2E2B27;
--bg-input: #1A1917;
--bg-overlay: rgba(0, 0, 0, 0.6);
--border-subtle: #2D2A26;
--border-strong: #524D44;
--text-primary: #F2EFE9;
--text-secondary: #B8AFA0;
--text-muted: #A39C8E;
--text-on-accent: #1A1917;
--accent-primary: #E8893A;
--accent-primary-hover: #F2A155;
--accent-secondary: #9DB37C;
--accent-warning: #E07A6E;
--accent-success: #5BB87A;
--link: #FDBA74;
}
html, body {
background: var(--bg-app);
color: var(--text-primary);
}
/* Dark-mode override for inline brand SVG wordmark.
Source SVGs hard-code fill="#102c44" (brand-navy) on the "Tripgen"
element, which becomes unreadable on the dark page background. Compass disc
and orange route stroke remain untouched. */
[data-theme="dark"] .nav-logo svg text,
[data-theme="dark"] .hero-logo svg text {
fill: var(--text-primary);
}