:root {
  color-scheme: light dark;

  --op-theme: #3d5d0f;
  --op-theme-light: #e9f1cc;
  --op-anchor: #3d5d0f;
  --op-anchor: light-dark(#3d5d0f, #79b151);
  --op-border: #ddd;
  --op-border: light-dark(#ddd, #333);
  --op-shadow: #000b;
  --op-shadow-lite: #000;
  --op-notification: #f32e1a;

  --op-interact: #c5d5ba;
  --op-interact: light-dark(#c5d5ba, #47563d);
  --op-interact-active: #849e71;
  --op-interact-active: light-dark(#849e71, #617751);
  --op-interact-darker: #60794d;
  --op-interact-background: #fff;
  --op-interact-background: light-dark(#fff, #1f1f1f);
  --op-interact-background-hover: #f5f5f5;
  --op-interact-background-hover: light-dark(#f5f5f5, #222);

  --op-background: #fff;
  --op-background: light-dark(#fff, #151515);
  --op-background-light: #eee;
  --op-background-light: light-dark(#eee, #222);
  --op-background-cover: #0002;

  --op-text: #000;
  --op-text: light-dark(#000, #ddd);
  --op-text-large: #222;
  --op-text-large: light-dark(#222, #ccc);
  --op-text-muted: #666;
  --op-text-muted: light-dark(#666, #aaa);
  --op-text-faint: #aaa;
  --op-text-faint: light-dark(#aaa, #666);
  --op-text-danger: #ab501f;
  --op-text-danger: light-dark(#ab501f, #dd7c47);
  --op-text-light: #fff;

  --chat-message-background: var(--op-background-light);
  --chat-message-background-user: var(--op-theme);
  --chat-message-background-error: #f3d8c5;
  --chat-message-background-error: light-dark(#f3d8c5, #4d3222);
  --chat-message-background-warning: #f5f0c7;
  --chat-message-background-warning: light-dark(#f5f0c7, #47431f);
  --chat-message-background-progress: #d6e4cc;
  --chat-message-background-progress: light-dark(#d6e4cc, #2c3822);

  --op-indicator-dot: #000;
  --op-indicator-dot: light-dark(#000, #bbb);
  --op-indicator-dot-flash: #ccc;
  --op-indicator-dot-flash: light-dark(#ccc, #333);

  --op-flex-split-colour: var(--op-border);
}