/* ═══════════════════════════════════════════════════════════════════ bryanchasko-design-system — hugo Theme Nordic frost blue for hugo.bryanchasko.com (Myrren palette) Use: or Works with both data-theme="light" and data-theme="dark" ═══════════════════════════════════════════════════════════════════ */ .theme-hugo, [data-app="hugo"] { --bc-color-accent: #5b9aaf; --bc-color-accent-hover: #88c0d0; --bc-color-on-accent: #ffffff; --persona-border: #88c0d0; --persona-glow: rgba(136, 192, 208, 0.08); --bc-shadow-card: 0 1px 2px rgba(136, 192, 208, 0.08), 0 6px 18px rgba(136, 192, 208, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1); --bc-shadow-focus: 0 0 0 3px rgba(136, 192, 208, 0.4); } /* Dark-mode overrides for hugo */ :root[data-theme="dark"] .theme-hugo, :root[data-theme="dark"][data-app="hugo"] { --bc-color-bg: #0c1929; --bc-color-surface: #122136; --bc-color-surface-2: #1a2e47; --bc-color-border: #2e4a6a; --bc-color-text: #9fc5e8; --bc-color-text-muted: #6b96b8; --bc-color-accent: #88c0d0; --bc-color-accent-hover: #a3d5e0; --bc-color-on-accent: #0c1929; --bc-color-error: #bf616a; --bc-color-success: #a3be8c; --persona-glow: rgba(136, 192, 208, 0.1); --bc-shadow-card: 0 1px 2px rgba(136, 192, 208, 0.08), 0 6px 18px rgba(136, 192, 208, 0.1), 0 2px 6px rgba(0, 0, 0, 0.3); }