/* ═══════════════════════════════════════════════════════════════════ bryanchasko-design-system — mom Theme Purple / lavender theme for mom.bryanchasko.com Use: or Works with both data-theme="light" and data-theme="dark" ═══════════════════════════════════════════════════════════════════ */ .theme-mom, [data-app="mom"] { --bc-color-accent: #6d4eaf; --bc-color-accent-hover: #8169c5; --bc-color-on-accent: #ffffff; --persona-border: #8169c5; --persona-glow: rgba(129, 105, 197, 0.1); --bc-shadow-card: 0 1px 2px rgba(129, 105, 197, 0.08), 0 6px 18px rgba(129, 105, 197, 0.12), 0 2px 6px rgba(0, 0, 0, 0.1); --bc-shadow-focus: 0 0 0 3px rgba(167, 148, 224, 0.5); } /* Dark-mode overrides for mom */ :root[data-theme="dark"] .theme-mom, :root[data-theme="dark"][data-app="mom"] { --bc-color-bg: #14121c; --bc-color-surface: #211d30; --bc-color-surface-2: #2b2640; --bc-color-border: #3b3556; --bc-color-text: #f2eefb; --bc-color-text-muted: #a9a2c4; --bc-color-accent: #8169c5; --bc-color-accent-hover: #a794e0; --bc-color-on-accent: #ffffff; --bc-color-error: #ff6b6b; --bc-color-success: #3ddc84; --persona-glow: rgba(129, 105, 197, 0.15); --bc-shadow-card: 0 1px 2px rgba(129, 105, 197, 0.1), 0 6px 18px rgba(129, 105, 197, 0.18), 0 2px 6px rgba(0, 0, 0, 0.2); --bc-shadow-focus: 0 0 0 3px rgba(167, 148, 224, 0.6); }