:root,
html.dark {
  --background: #303c40;
  --foreground: #f5f5f5;
  --card: #424e54;
  --card-foreground: #f5f5f5;
  --popover: #424e54;
  --popover-foreground: #f5f5f5;
  --primary: #b3aaa3;
  --primary-foreground: #40484c;
  --secondary: #4a5256;
  --secondary-foreground: #f5f5f5;
  --muted: #424e54;
  --muted-foreground: #c0c8cc;
  --accent: #b3aaa3;
  --accent-foreground: #40484c;
  --destructive: oklch(0.65 0.2 45);
  --border: #90a6ae;
  --input: #90a6ae;
  --ring: #b3aaa3;
  --chart-1: #E8A845;
  --chart-2: #4ECDC4;
  --chart-3: #D4856A;
  --chart-4: #E86B8A;
  --chart-5: #7B6FE0;
  --chart-6: #A8D86C;
  --chart-7: #56C8E8;
  --chart-8: #F0C060;
  --chart-9: #B888D8;
  --chart-10: #5CC8A0;
  --chart-11: #E87888;
  --positive: #6ee7a0;
  --negative: #fca5a5;
  --table-header: #3a464c;
  --radius: 0.625rem;
  --sidebar: #2c3840;
  --sidebar-foreground: #f0f4f5;
  --sidebar-primary: #f5eee8;
  --sidebar-primary-foreground: #2c3840;
  --sidebar-accent: #3a4d56;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #3e4e56;
  --sidebar-ring: #a8b8be;
}

html.light {
  --background: #f4f2ef;
  --foreground: #263235;
  --card: #ffffff;
  --card-foreground: #263235;
  --popover: #ffffff;
  --popover-foreground: #263235;
  --primary: #53646a;
  --primary-foreground: #ffffff;
  --secondary: #e7e1dc;
  --secondary-foreground: #303c40;
  --muted: #e9e6e2;
  --muted-foreground: #68777d;
  --accent: #b3aaa3;
  --accent-foreground: #263235;
  --destructive: oklch(0.577 0.245 27.325);
  --border: #d1d8da;
  --input: #d1d8da;
  --ring: #697a80;
  --chart-1: #D08A24;
  --chart-2: #1F9D96;
  --chart-3: #BF654C;
  --chart-4: #D84C73;
  --chart-5: #675BD0;
  --chart-6: #7AAA36;
  --chart-7: #2099BC;
  --chart-8: #D6A23E;
  --chart-9: #9567BE;
  --chart-10: #2B9F78;
  --chart-11: #D45365;
  --positive: #15803d;
  --negative: #dc2626;
  --table-header: #ebe8e3;
  --radius: 0.625rem;
  --sidebar: #e7e1dc;
  --sidebar-foreground: #303c40;
  --sidebar-primary: #303c40;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #d9d2cb;
  --sidebar-accent-foreground: #263235;
  --sidebar-border: #cfc7bf;
  --sidebar-ring: #7f8d92;
}