/* One palette for every page the server renders (the church app uses the same values, app/src/lib/theme.ts).
   Light by default, dark with the system or data-theme="dark"; data-theme="light" pins light. */
:root {
  color-scheme: light dark;
  --bg: #f7f5f0; --surface: #ffffff; --text: #1b1f27; --muted: #5c6370;
  --accent: #2f5bd3; --accent-text: #ffffff; --accent-soft: #eaf0ff; --soft: #eaf0ff; --border: #dcd8ce;
  --danger: #c62828; --live: #c62828; --ok: #2e7d32; --warn: #b26a00;
  --verse: #fff7e0; --verse-border: #e9c46a;
  --r-card: 14px; --r-control: 12px; --r-input: 10px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1420; --surface: #171e2d; --text: #eef1f7; --muted: #a3acbd;
    --accent: #7aa2ff; --accent-text: #0f1420; --accent-soft: #1c2742; --soft: #1c2742; --border: #2c3750;
    --danger: #ff7a7a; --live: #ff6b6b; --ok: #6fd07a; --warn: #ffb74d;
    --verse: #2a2614; --verse-border: #8a7330;
  }
}
:root[data-theme="dark"] {
  --bg: #0f1420; --surface: #171e2d; --text: #eef1f7; --muted: #a3acbd;
  --accent: #7aa2ff; --accent-text: #0f1420; --accent-soft: #1c2742; --soft: #1c2742; --border: #2c3750;
  --danger: #ff7a7a; --live: #ff6b6b; --ok: #6fd07a; --warn: #ffb74d;
  --verse: #2a2614; --verse-border: #8a7330;
}