:root,
.light {
  --primary: #403531;
  --primary-foreground: #fcf1ee;
  --primary-text: #ffffff;
  --primary-readable: #403531;
  --primary-action: #403531;
  --primary-action-foreground: #fcf1ee;
  --background: #ffffff;
  --secondary: #f5f5f5;
  --secondary-foreground: #1b1918;
  --accent: #f3f2f1;
  --accent-foreground: #1d1816;
  --border: #e8e5e3;
  --input: #e8e5e3;
  --card: #fdfcfc;
  --card-foreground: #0c0908;
  --popover: #ffffff;
  --popover-foreground: #0c0908;
  --foreground: #0c0908;
  --muted: #f3f2f1;
  --muted-foreground: #816c65;
  --ring: #aba09c;
  --sidebar: #fafaf9;
  --sidebar-foreground: #0c0908;
  --sidebar-primary: #403531;
  --sidebar-primary-foreground: #fcf1ee;
  --sidebar-accent: #403531;
  --sidebar-accent-foreground: #fafaf9;
  --sidebar-border: #e8e5e3;
  --sidebar-ring: #aba09c;
  --tooltip-background: #1d1816;
  --tooltip-foreground: #fafaf9;
  --overlay: #0c090833;
  --destructive: #8a736a;
  --destructive-foreground: #f2efee;
  --blue-foreground: #3b82f6;
  --blue-background: #dbeafe;
  --green-foreground: #1b9d4a;
  --green-background: #dcf9e7;
  --yellow-foreground: #ebbd05;
  --yellow-background: #fef6d7;
  --red-foreground: #a6938c;
  --red-background: #f2efee;
}

.dark {
  --primary: #403531;
  --primary-foreground: #fcf1ee;
  --primary-text: #ffffff;
  --primary-readable: #877168;
  --primary-action: #403531;
  --primary-action-foreground: #fcf1ee;
  --background: #0c0908;
  --secondary: #332824;
  --secondary-foreground: #fafafa;
  --accent: #2e2724;
  --accent-foreground: #fafaf9;
  --border: #ffffff1a;
  --input: #ffffff26;
  --card: #1d1816;
  --card-foreground: #fafaf9;
  --popover: #1d1816;
  --popover-foreground: #fafaf9;
  --foreground: #fafaf9;
  --muted: #332824;
  --muted-foreground: #aba09c;
  --ring: #816c65;
  --sidebar: #1d1816;
  --sidebar-foreground: #fafaf9;
  --sidebar-primary: #403531;
  --sidebar-primary-foreground: #fcf1ee;
  --sidebar-accent: #403531;
  --sidebar-accent-foreground: #fafaf9;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #816c65;
  --tooltip-background: #aba09c;
  --tooltip-foreground: #1d1816;
  --overlay: #ffffff33;
  --destructive: #b1a09a;
  --destructive-foreground: #f2efee;
  --blue-foreground: #3b82f6;
  --blue-background: #0b1b3f;
  --green-foreground: #3bde77;
  --green-background: #0a3d1d;
  --yellow-foreground: #fbd437;
  --yellow-background: #463801;
  --red-foreground: #b1a09a;
  --red-background: #2e2623;
}