:root {
  color-scheme: light dark;

  --surface: light-dark(#fff, #16191f);
  --text: light-dark(#20242c, #f1f3f8);
  --muted: light-dark(#505866, #b8c1ce);
  --border: light-dark(#758090, #909bac);
  --accent: light-dark(#2449a0, #acc6ff);
  --on-accent: light-dark(#fff, #14244a);
  --error: light-dark(#a52132, #ffabb4);
}