/* Single source of truth for the site's colour system + light/dark theme.
Toggle is controlled by theme.js, which sets data-theme="dark" on .
--navy/--teal/--slate/--cloud/--text are the same brand tokens every page
already uses everywhere (buttons, links, captions, section backgrounds) —
redefining them under [data-theme="dark"] re-colours the whole site for
free almost everywhere they're used, no per-page edits needed.
--ink and --white are deliberately left unchanged in dark mode: they're
used both as "page surface" AND as "white/dark text sitting on an
already-dark block" (testimonials, contact section) in the existing
pages, so redefining them globally would break that second role. Instead,
--dm-bg / --dm-surface / --dm-header-bg / --dm-border below are new,
single-purpose tokens for the handful of literal var(--white) surfaces
(body, cards, header) that do need to go dark — each page adds a small
`[data-theme="dark"] { ... }` override block using these, without
touching any existing light-mode rule. */
:root{
/* Site fonts, single source of truth — change the family here once instead
of editing h1/h2/h3/body rules in all 4 pages. Each page still loads its
own Google Fonts in (needed for preconnect/perf), but every
font-family declaration in a page's own