:root,
.light {
  --primary: #20392b;
  --primary-foreground: #eefcf4;
  --primary-text: #ffffff;
  --primary-readable: #20392b;
  --primary-action: #20392b;
  --primary-action-foreground: #eefcf4;
  --background: #fbfaf9;
  --secondary: #f5f5f5;
  --secondary-foreground: #181b19;
  --accent: #f1f3f2;
  --accent-foreground: #161d19;
  --border: #e3e8e5;
  --input: #e3e8e5;
  --card: #fcfdfc;
  --card-foreground: #080c0a;
  --popover: #ffffff;
  --popover-foreground: #080c0a;
  --foreground: #080c0a;
  --muted: #f1f3f2;
  --muted-foreground: #658171;
  --ring: #9caba2;
  --sidebar: #f9fafa;
  --sidebar-foreground: #080c0a;
  --sidebar-primary: #20392b;
  --sidebar-primary-foreground: #eefcf4;
  --sidebar-accent: #20392b;
  --sidebar-accent-foreground: #f9fafa;
  --sidebar-border: #e3e8e5;
  --sidebar-ring: #9caba2;
  --tooltip-background: #161d19;
  --tooltip-foreground: #f9fafa;
  --overlay: #080c0a33;
  --destructive: #e11414;
  --destructive-foreground: #fde3e3;
  --blue-foreground: #3b82f6;
  --blue-background: #dbeafe;
  --green-foreground: #427658;
  --green-background: #e5f0ea;
  --yellow-foreground: #ebbd05;
  --yellow-background: #fef6d7;
  --red-foreground: #ef4343;
  --red-background: #fde3e3;
}

.dark {
  --primary: #20392b;
  --primary-foreground: #eefcf4;
  --primary-text: #ffffff;
  --primary-readable: #4d8967;
  --primary-action: #20392b;
  --primary-action-foreground: #eefcf4;
  --background: #080c0a;
  --secondary: #24332a;
  --secondary-foreground: #fafafa;
  --accent: #242e28;
  --accent-foreground: #f9fafa;
  --border: #ffffff1a;
  --input: #ffffff26;
  --card: #161d19;
  --card-foreground: #f9fafa;
  --popover: #161d19;
  --popover-foreground: #f9fafa;
  --foreground: #f9fafa;
  --muted: #24332a;
  --muted-foreground: #9caba2;
  --ring: #658171;
  --sidebar: #161d19;
  --sidebar-foreground: #f9fafa;
  --sidebar-primary: #20392b;
  --sidebar-primary-foreground: #eefcf4;
  --sidebar-accent: #20392b;
  --sidebar-accent-foreground: #f9fafa;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #658171;
  --tooltip-background: #9caba2;
  --tooltip-foreground: #161d19;
  --overlay: #ffffff33;
  --destructive: #f15b5b;
  --destructive-foreground: #fde3e3;
  --blue-foreground: #3b82f6;
  --blue-background: #0b1b3f;
  --green-foreground: #6cac88;
  --green-background: #1a2e22;
  --yellow-foreground: #fbd437;
  --yellow-background: #463801;
  --red-foreground: #f15b5b;
  --red-background: #4b0707;
}