/* Accent color presets — set via JS on :root */ /* The --accent variable is set dynamically; these are just reference values */ /* The actual theming is done via CSS custom properties on :root */ /* JS calls: document.documentElement.style.setProperty('--accent', color) */ /* Derived accent values computed in JS and set as CSS vars: --accent = base color (e.g. #6366f1) --accent-light = base + 12% opacity (for highlights) */ /* Font switching via data-font attribute on */ [data-font="inter"] { --font-editor: 'Inter', system-ui, sans-serif; } [data-font="georgia"] { --font-editor: 'Georgia', serif; } [data-font="jetbrains"] { --font-editor: 'JetBrains Mono', monospace; } /* Theme switching via data-theme attribute on */ [data-theme="light"] { --bg: #ffffff; --surface: #f5f5f5; --surface-2: #ebebeb; --text: #1a1a1a; --text-muted: #737373; --border: rgba(0,0,0,0.10); } [data-theme="dark"] { --bg: #1a1a1a; --surface: #242424; --surface-2: #2e2e2e; --text: #f0f0f0; --text-muted: #8a8a8a; --border: rgba(255,255,255,0.10); }