/* The colours, for light and dark themes. Every page loads this first: the
   chat page (index.html) and the login page. The device apps' native parts
   (devices/*) copy some of these values; change them there too. */

:root {
  --bg: #f6f6f4;
  --surface: #ffffff;
  --text: #1d1d1b;
  --muted: #6b6b66;
  --border: #dcdcd6;
  --accent: #2f6f5e;
  --accent-text: #ffffff;
  --user-bg: #e6efec;
  --error: #a33a2c;
  /* The weather assistant's ratings (web/css/assistants.css). */
  --great: #2c7a45;
  --good: #2f6a8f;
  --bad: #9a5a0e;
  --critical: #a33a2c;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #161615;
    --surface: #1f1f1d;
    --text: #ececea;
    --muted: #9a9a94;
    --border: #34342f;
    --accent: #5fb39a;
    --accent-text: #0f1a16;
    --user-bg: #23332e;
    --error: #e07a6a;
    --great: #6cc48f;
    --good: #75b3d6;
    --bad: #e0a35a;
    --critical: #e07a6a;
  }
}