/* Neara theme: black and white with one red accent, as on neara.com.
   Red stays in the logo so it never competes with the escalated status red. */
:root {
  --neara-red: #f9423a;
  --bg: #f7f7f6;
  --fg: #0b0b0b;
  --surface-soft: #f3f3f2;
  --border: #e6e6e4;
  --dot: #dcdcda;
  --accent: #0b0b0b;
  --accent-soft: #ececea;
  --pill-bg: #0b0b0b;
  --logo-h: 17px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --accent: #fafafa; --accent-soft: #232323; --pill-bg: #fafafa; --pill-fg: #0b0b0b; }
  :root:not([data-theme="light"]) .brand-chip { background: transparent; }
  :root:not([data-theme="light"]) .brand-chip .logo-light { display: none; }
  :root:not([data-theme="light"]) .brand-chip .logo-dark { display: block; }
}
:root[data-theme="dark"] { --accent: #fafafa; --accent-soft: #232323; --pill-bg: #fafafa; --pill-fg: #0b0b0b; }
:root[data-theme="dark"] .brand-chip { background: transparent; }
:root[data-theme="dark"] .brand-chip .logo-light { display: none; }
:root[data-theme="dark"] .brand-chip .logo-dark { display: block; }
.brand-chip .logo-dark { display: none; }
.brand-chip { padding: 0 12px; }