:root {
  --brand-background: #F5F3EE;
  --brand-foreground: #20342E;
  --brand-muted: #58605D;
  --brand-accent: #AC583F;
}
[data-theme="dark"] {
  --brand-background: #14191D;
  --brand-foreground: #E8DDCB;
  --brand-muted: #B3BDBB;
  --brand-accent: #42D6C4;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
  --brand-background: #14191D;
  --brand-foreground: #E8DDCB;
  --brand-muted: #B3BDBB;
  --brand-accent: #42D6C4;
}
}