/* ═══════════════════════════════════════════════════════════════════ bryanchasko-design-system — bench Theme Gold / CRT terminal aesthetic from the Harald persona Use: or Works with both data-theme="light" and data-theme="dark" ═══════════════════════════════════════════════════════════════════ */ .theme-bench, [data-app="bench"] { --bc-color-accent: #b8922e; --bc-color-accent-hover: #d4a745; --bc-color-on-accent: #ffffff; --persona-border: #d4a745; --persona-glow: rgba(212, 167, 69, 0.1); --bc-shadow-card: 0 1px 2px rgba(212, 167, 69, 0.08), 0 6px 18px rgba(212, 167, 69, 0.1), 0 2px 6px rgba(0, 0, 0, 0.15); --bc-shadow-focus: 0 0 0 3px rgba(212, 167, 69, 0.4); --bc-glass-border: rgba(212, 167, 69, 0.2); } /* Dark-mode overrides for bench */ :root[data-theme="dark"] .theme-bench, :root[data-theme="dark"][data-app="bench"] { --bc-color-bg: #0d1117; --bc-color-surface: #161b22; --bc-color-surface-2: #21262d; --bc-color-border: #30363d; --bc-color-text: #c9d1d9; --bc-color-text-muted: #8b949e; --bc-color-accent: #d4a745; --bc-color-accent-hover: #e3b341; --bc-color-on-accent: #0d1117; --bc-color-error: #ff7b72; --bc-color-success: #7ee787; --persona-glow: rgba(212, 167, 69, 0.15); --bc-shadow-card: 0 1px 2px rgba(212, 167, 69, 0.1), 0 6px 18px rgba(212, 167, 69, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); --bc-glass-bg: rgba(13, 17, 23, 0.85); --bc-glass-border: rgba(212, 167, 69, 0.3); }