:root,
.light {
  --primary: #00583c;
  --primary-foreground: #eefcf7;
  --primary-text: #ffffff;
  --primary-readable: #00583c;
  --primary-action: #00583c;
  --primary-action-foreground: #eefcf7;
  --background: #ffffff;
  --secondary: #f5f5f5;
  --secondary-foreground: #181b1a;
  --accent: #f1f3f3;
  --accent-foreground: #161d1b;
  --border: #e3e8e6;
  --input: #e3e8e6;
  --card: #fcfdfc;
  --card-foreground: #080c0b;
  --popover: #ffffff;
  --popover-foreground: #080c0b;
  --foreground: #080c0b;
  --muted: #f1f3f3;
  --muted-foreground: #658178;
  --ring: #9caba6;
  --sidebar: #f9fafa;
  --sidebar-foreground: #080c0b;
  --sidebar-primary: #00583c;
  --sidebar-primary-foreground: #eefcf7;
  --sidebar-accent: #00583c;
  --sidebar-accent-foreground: #f9fafa;
  --sidebar-border: #e3e8e6;
  --sidebar-ring: #9caba6;
  --tooltip-background: #161d1b;
  --tooltip-foreground: #f9fafa;
  --overlay: #080c0b33;
  --destructive: #e11414;
  --destructive-foreground: #fde3e3;
  --blue-foreground: #3b82f6;
  --blue-background: #dbeafe;
  --green-foreground: #00b87d;
  --green-background: #d6fff2;
  --yellow-foreground: #ebbd05;
  --yellow-background: #fef6d7;
  --red-foreground: #ef4343;
  --red-background: #fde3e3;
}

.dark {
  --primary: #00583c;
  --primary-foreground: #eefcf7;
  --primary-text: #ffffff;
  --primary-readable: #00d692;
  --primary-action: #00583c;
  --primary-action-foreground: #eefcf7;
  --background: #080c0b;
  --secondary: #24332e;
  --secondary-foreground: #fafafa;
  --accent: #242e2b;
  --accent-foreground: #f9fafa;
  --border: #ffffff1a;
  --input: #ffffff26;
  --card: #161d1b;
  --card-foreground: #f9fafa;
  --popover: #161d1b;
  --popover-foreground: #f9fafa;
  --foreground: #f9fafa;
  --muted: #24332e;
  --muted-foreground: #9caba6;
  --ring: #658178;
  --sidebar: #161d1b;
  --sidebar-foreground: #f9fafa;
  --sidebar-primary: #00583c;
  --sidebar-primary-foreground: #eefcf7;
  --sidebar-accent: #00583c;
  --sidebar-accent-foreground: #f9fafa;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #658178;
  --tooltip-background: #9caba6;
  --tooltip-foreground: #161d1b;
  --overlay: #ffffff33;
  --destructive: #f15b5b;
  --destructive-foreground: #fde3e3;
  --blue-foreground: #3b82f6;
  --blue-background: #0b1b3f;
  --green-foreground: #1affb6;
  --green-background: #004731;
  --yellow-foreground: #fbd437;
  --yellow-background: #463801;
  --red-foreground: #f15b5b;
  --red-background: #4b0707;
}