/* Company Brain theme: CSS variables only (docs/CONTRACTS.md 1.7). */
:root {
  --brand-primary: #1f4e79;
  --brand-on-primary: #ffffff;
  --brand-accent: #1f4e79;
  --brand-on-accent: #ffffff;
  --brand-link: #1f4e79;
  --brand-bg: #f7f7f5;
  --brand-bar: transparent;
  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* Dark: the device is dark and the page did not choose light, or the page chose dark. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-primary: #7fb0e0;
    --brand-on-primary: #0d1a26;
    --brand-accent: #7fb0e0;
    --brand-on-accent: #0d1a26;
    --brand-link: #7fb0e0;
    --brand-bar: transparent;
  }
}
:root[data-theme="dark"] {
  --brand-primary: #7fb0e0;
  --brand-on-primary: #0d1a26;
  --brand-accent: #7fb0e0;
  --brand-on-accent: #0d1a26;
  --brand-link: #7fb0e0;
  --brand-bar: transparent;
}
/* The light values again, on one element that always shows the light look (the portal's branding
   preview of the light sign-in page), in dark mode too. */
.brand-scheme-light {
  --brand-primary: #1f4e79;
  --brand-on-primary: #ffffff;
  --brand-accent: #1f4e79;
  --brand-on-accent: #ffffff;
  --brand-link: #1f4e79;
  --brand-bg: #f7f7f5;
  --brand-bar: transparent;
}