/* Theme via CSS custom properties. Light is the default; the `.dark` class on (toggled by main.js) flips the values. Tailwind utilities reference these vars, e.g. bg-[var(--bg)]. */ :root { --bg: #ffffff; --text: #1a1a1a; --border: #e5e5e5; --accent: #4f46e5; /* indigo */ } .dark { --bg: #0e0e11; --text: #ededed; --border: #2a2a30; --accent: #6366f1; } html { scroll-behavior: smooth; } body { transition: background-color 0.2s ease, color 0.2s ease; }