/* Dark-mode fixes for the landing-style pages (Home, About, Platform, Offerings).
   In dark mode the text tokens (--ink, --ink-2) turn light, but a few places
   kept light backgrounds or fixed text colours, leaving light-on-light text.
   Each rule is repeated for the OS setting and for the theme switch
   (data-theme="dark"); data-theme="light" keeps the light look. */

/* Brand-tinted sections (comparison rows, mission rows, offerings explorer)
   set light card colours; give them dark equivalents. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .sec--brand { --surface: #1B2523; --line: #2B3734; --line-soft: #222D2A; --ground-2: #22302C; }
  /* In dark mode the primary button turns light teal; its text must be dark. */
  :root:not([data-theme="light"]) .btn--primary { color: #053F3D; }
  /* This button keeps a white background in both modes. */
  :root:not([data-theme="light"]) body[data-page="landing"] .lp-grow .btn { color: #053F3D; }
}
:root[data-theme="dark"] .sec--brand { --surface: #1B2523; --line: #2B3734; --line-soft: #222D2A; --ground-2: #22302C; }
:root[data-theme="dark"] .btn--primary { color: #053F3D; }
:root[data-theme="dark"] body[data-page="landing"] .lp-grow .btn { color: #053F3D; }