:root:not(.dark) {
  --brand-primary: #8c2b12;
  --brand-primary-foreground: #ffffff;
  --brand-accent: #e9d8d1;
  --brand-accent-foreground: #641d18;
  --color-background: #f4efed;
  --color-foreground: #230f0a;
  --color-primary: #8c2b12;
  --color-primary-foreground: #ffffff;
  --color-secondary: #e9ded9;
  --color-secondary-foreground: #230f0a;
  --color-muted: #e9ded9;
  --color-muted-foreground: #665650;
  --color-accent: #e9d8d1;
  --color-accent-foreground: #641d18;
  --color-border: #d8c8c2;
  --color-input: #d8c8c2;
  --color-ring: #8c2b12;
  --color-popover: #fffaf8;
  --color-popover-foreground: #230f0a;
  --color-sidebar: #f4efed;
  --color-sidebar-foreground: #230f0a;
  --color-sidebar-border: #d8c8c2;
  --color-card: #fffaf8;
  --color-card-foreground: #230f0a;
}
html.dark {
  --brand-dark-primary: #a54127;
  --brand-dark-primary-foreground: #ffffff;
  --brand-dark-accent: #472b25;
  --brand-dark-accent-foreground: #f4efed;
  --color-background: #191414;
  --color-foreground: #f4efed;
  --color-primary: #a54127;
  --color-primary-foreground: #ffffff;
  --color-secondary: #2b2525;
  --color-secondary-foreground: #f4efed;
  --color-muted: #2b2525;
  --color-muted-foreground: #c9b9b3;
  --color-accent: #472b25;
  --color-accent-foreground: #f4efed;
  --color-border: #493b37;
  --color-input: #493b37;
  --color-ring: #a54127;
  --color-popover: #261d1b;
  --color-popover-foreground: #f4efed;
  --color-sidebar: #191414;
  --color-sidebar-foreground: #f4efed;
  --color-sidebar-border: #493b37;
  --color-card: #261d1b;
  --color-card-foreground: #f4efed;
}