/* Redison Electric: colours from Agent_System/agents/marketing/references/brand.md (taken from
   redisonelectric.com, not yet confirmed by Sean). Barlow / Barlow Condensed stand in for Fontin Sans / DIN Next. */
:root {
  --font-body: "Barlow", system-ui, -apple-system, sans-serif;
  --font-head: "Barlow Condensed", "Barlow", system-ui, sans-serif;
  --head-weight: 700; --head-style: italic; --head-spacing: .04em;
  --font-label: "Barlow Condensed", "Barlow", system-ui, sans-serif;
  --label-weight: 600; --label-style: normal; --label-spacing: .12em;
  --radius: 4px; --logo-h: 46px;

  --bg: #F2F1F0;
  --surface: #FFFFFF;
  --surface-2: #F7F6F5;
  --border: #DBDBDB;
  --text: #2F2E2E;          /* charcoal */
  --muted: #6E6968;         /* warm grey */
  --accent: #DB2827;        /* logo red: Send */
  --accent-ink: #FFFFFF;
  --accent-strong: #DB2827;
  --header-bg: #DB2827;
  --header-ink: #FFFFFF;
  --live: #2F2E2E;          /* recording: charcoal, so it reads differently from the red Send */
  --danger: #B81F1E;
  --ok: #2E8B4E;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1C1B1B; --surface: #2F2E2E; --surface-2: #262525; --border: #444141;
    --text: #F2F1F0; --muted: #B0AAA9; --live: #141313; --ok: #6CC08F; --danger: #F0706F;
  }
}
:root[data-theme="dark"] {
  --bg: #1C1B1B; --surface: #2F2E2E; --surface-2: #262525; --border: #444141;
  --text: #F2F1F0; --muted: #B0AAA9; --live: #141313; --ok: #6CC08F; --danger: #F0706F;
}
/* Charcoal nav band under the red header, like redisonelectric.com. */
.band {
  background: #2F2E2E; color: #fff; text-align: center; padding: 8px 16px;
  font: 600 13px/1.2 "Barlow Condensed", sans-serif; letter-spacing: .14em; text-transform: uppercase;
}
.talk.live { border-color: #fff; }