/* Design tokens (colors, fonts) and light/dark theme values. Light is the default; dark applies automatically via prefers-color-scheme, or can be forced with data-theme="light"/"dark" on (no toggle wired up yet). */ :root{ --bg:#eef1f3; --surface:#ffffff; --surface-2:#e3e7ea; --ink:#14171a; --ink-muted:#4d5761; --line:#c7ced4; --accent:#732c1b; --accent-ink:#ffffff; --font-display:'Ubuntu', -apple-system, Segoe UI, sans-serif; --font-body:'Roboto', -apple-system, Segoe UI, sans-serif; --font-mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace; } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#15181b; --surface:#1c2024; --surface-2:#262b30; --ink:#eceef0; --ink-muted:#a3acb5; --line:#383f46; --accent:#e08a72; --accent-ink:#15181b; } } :root[data-theme="dark"]{ --bg:#15181b; --surface:#1c2024; --surface-2:#262b30; --ink:#eceef0; --ink-muted:#a3acb5; --line:#383f46; --accent:#e08a72; --accent-ink:#15181b; }