/* Shared theme variables and minimal theming helpers */ /* Default (light) palette */ :root { --bg: #f8f8f8; --fg: #333333; --muted: #666666; --accent: #1e293b; /* dark slate - professional but active */ --card: #ffffff; --line: #e0e0e0; /* Additional semantic tokens used by Hint landing/components */ --text-primary: #0f172a; --text-secondary: #475569; --border-color: #cbd5e1; } /* Dark palette toggle applied on the element via class="theme-dark" */ html.theme-dark { --bg: #0e0f12; --fg: #e8e8ea; --muted: #a2a2a8; --accent: #f1f5f9; --card: #15171c; --line: #24262c; --text-primary: #f8fafc; --text-secondary: #94a3b8; --border-color: #334155; } /* Minimal defaults to reduce duplication: apply background and text colors using variables */ html { background: var(--bg); } body { color: var(--fg); } .has-tooltip { cursor: help; }