/* NexusOne brand tokens — extracted from nexusone.co.za (2026-09-04).
   Identity: steel blue #597ca4 (wordmark "nexus" + N mark), pale blue #d4e0ee ("one" + arrow),
   ink #32373c, Roboto. The look is refreshed; the identity is not.
   Light palette on bare :root; dark redefines tokens only, guarded against an explicit
   light choice; [data-theme="dark"] wins both ways. */

:root {
  --brand: #597ca4;        /* identity blue: large marks, glyphs, diagram strokes */
  --brand-deep: #3e5c7f;   /* text-safe brand: links, buttons, card link lines */
  --brand-pale: #d4e0ee;   /* pale blue: quiet fills, the CTA band ground */
  --ink: #32373c;
  --muted: #5c6b7a;        /* cool grey biased to the brand, not #888 */
  --paper: #f5f7fa;
  --surface: #ffffff;
  --line: #d9e1ea;
  --on-accent: #ffffff;    /* text on --brand-deep fills */
  --font-head: "Roboto", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-body: "Roboto", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #7f9fc4;
    --brand-deep: #a3bcd9;
    --brand-pale: #263647;
    --ink: #e6ebf1;
    --muted: #9aa9ba;
    --paper: #12161b;
    --surface: #1a2027;
    --line: #2b343e;
    --on-accent: #12161b;
  }
}

:root[data-theme="dark"] {
  --brand: #7f9fc4;
  --brand-deep: #a3bcd9;
  --brand-pale: #263647;
  --ink: #e6ebf1;
  --muted: #9aa9ba;
  --paper: #12161b;
  --surface: #1a2027;
  --line: #2b343e;
  --on-accent: #12161b;
}