:root {
  color-scheme: light;
  --ritm-control-size: 40px;
  --ritm-control-radius: 10px;
  --ritm-canvas: #f4f5f6;
  --ritm-panel: #fff;
  --ritm-text: #24272c;
  --ritm-secondary: #515861;
  --ritm-muted: #606772;
  --ritm-border: #dce0e4;
  --ritm-border-strong: #a8afb8;
  --ritm-hover: #e9ebee;
  --ritm-accent: #1859bb;
  --ritm-action: #1859bb;
  --ritm-action-hover: #144b9e;
  --ritm-selection: color-mix(in srgb, var(--ritm-accent) 12%, var(--ritm-panel));
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ritm-canvas: #17191d;
  --ritm-panel: #22252a;
  --ritm-text: #f0f1f3;
  --ritm-secondary: #c3c7cd;
  --ritm-muted: #a9b0b9;
  --ritm-border: #3c4148;
  --ritm-border-strong: #656d78;
  --ritm-hover: #30343b;
  --ritm-accent: #a0c1ff;
  --ritm-action: #235fbf;
  --ritm-action-hover: #286ad0;
}