/* Shared palette for the web panel and the desktop window. */
:root {
  color-scheme: light dark;
  --brand-deep: #0a6375; --brand-turquoise: #22a9a7; --brand-coral: #db8774;
  --bg: #f5f7f8; --bg-tint: #eaf3f4; --card: #fff; --text: #203138;
  --muted: #63747d; --line: #dfe7ea; --accent: #0a6375; --accent-ink: #fff;
  --accent-soft: #e9f4f4; --ok: #247459; --warn: #8c611f; --danger: #b64a46;
  --radius: 12px; --radius-sm: 8px; --shadow: none;
  --gradient: var(--accent);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #151c22; --bg-tint: #233840; --card: #202930; --text: #edf3f4;
    --muted: #afbec5; --line: #35444c; --accent: #36c7c0; --accent-ink: #062e35;
    --accent-soft: #203d43; --ok: #80d7ae; --warn: #efc184; --danger: #ffaca5;
  }
}