/* ════════════════════════════════════════════════════════════════ Veyra — color scheme (Emerald / Mint) Dark theme is the default; light theme activates via . Tailwind: these tokens are consumed by tailwind.config on pages that use Tailwind, e.g. colors: { canvas: 'var(--bg)', surface: 'var(--surface)', ink: 'var(--text)', muted: 'var(--muted)', accent: 'var(--accent)', accent2: 'var(--accent-2)', edge: 'var(--border)', } ════════════════════════════════════════════════════════════════ */ :root, :root[data-theme="dark"] { color-scheme: dark; --bg: #060B09; --surface: #0B1411; --surface-2: #101D17; --border: rgba(255, 255, 255, 0.07); --text: #ECF5F0; --muted: #7C9088; --accent: #10B981; --accent-2: #6EE7B7; --glow: rgba(16, 185, 129, 0.35); --glow-2: rgba(110, 231, 183, 0.25); /* Logo wordmark gradient + light-spark color */ --logo-grad-1: #EFFFF8; --logo-grad-2: #BCE9D5; --spark: #D9FFF0; } :root[data-theme="light"] { color-scheme: light; --bg: #F4FAF7; --surface: #FFFFFF; --surface-2: #E9F4EE; --border: rgba(8, 40, 28, 0.12); --text: #0B1A13; --muted: #5E7268; --accent: #0B9D6C; --accent-2: #0FB583; --glow: rgba(11, 157, 108, 0.25); --glow-2: rgba(15, 181, 131, 0.18); --logo-grad-1: #0E2A1E; --logo-grad-2: #2E5A45; --spark: #064E3B; }