:root,
.light {
  --primary: #1f3156;
  --primary-foreground: #eef2fc;
  --primary-text: #ffffff;
  --primary-readable: #1f3156;
  --primary-action: #1f3156;
  --primary-action-foreground: #eef2fc;
  --background: #ffffff;
  --secondary: #f5f5f5;
  --secondary-foreground: #18191b;
  --accent: #f1f2f3;
  --accent-foreground: #16181d;
  --border: #e3e5e8;
  --input: #e3e5e8;
  --card: #fcfcfd;
  --card-foreground: #080a0c;
  --popover: #ffffff;
  --popover-foreground: #080a0c;
  --foreground: #080a0c;
  --muted: #f1f2f3;
  --muted-foreground: #656e81;
  --ring: #9ca1ab;
  --sidebar: #f9fafa;
  --sidebar-foreground: #080a0c;
  --sidebar-primary: #1f3156;
  --sidebar-primary-foreground: #eef2fc;
  --sidebar-accent: #1f3156;
  --sidebar-accent-foreground: #f9fafa;
  --sidebar-border: #e3e5e8;
  --sidebar-ring: #9ca1ab;
  --tooltip-background: #16181d;
  --tooltip-foreground: #f9fafa;
  --overlay: #080a0c33;
  --destructive: #e11414;
  --destructive-foreground: #fde3e3;
  --blue-foreground: #3b82f6;
  --blue-background: #dbeafe;
  --green-foreground: #1b9d4a;
  --green-background: #dcf9e7;
  --yellow-foreground: #ebbd05;
  --yellow-background: #fef6d7;
  --red-foreground: #ef4343;
  --red-background: #fde3e3;
}

.dark {
  --primary: #1f3156;
  --primary-foreground: #eef2fc;
  --primary-text: #ffffff;
  --primary-readable: #4f74bf;
  --primary-action: #1f3156;
  --primary-action-foreground: #eef2fc;
  --background: #080a0c;
  --secondary: #242933;
  --secondary-foreground: #fafafa;
  --accent: #24272e;
  --accent-foreground: #f9fafa;
  --border: #ffffff1a;
  --input: #ffffff26;
  --card: #16181d;
  --card-foreground: #f9fafa;
  --popover: #16181d;
  --popover-foreground: #f9fafa;
  --foreground: #f9fafa;
  --muted: #242933;
  --muted-foreground: #9ca1ab;
  --ring: #656e81;
  --sidebar: #16181d;
  --sidebar-foreground: #f9fafa;
  --sidebar-primary: #1f3156;
  --sidebar-primary-foreground: #eef2fc;
  --sidebar-accent: #1f3156;
  --sidebar-accent-foreground: #f9fafa;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #656e81;
  --tooltip-background: #9ca1ab;
  --tooltip-foreground: #16181d;
  --overlay: #ffffff33;
  --destructive: #f15b5b;
  --destructive-foreground: #fde3e3;
  --blue-foreground: #3b82f6;
  --blue-background: #0b1b3f;
  --green-foreground: #3bde77;
  --green-background: #0a3d1d;
  --yellow-foreground: #fbd437;
  --yellow-background: #463801;
  --red-foreground: #f15b5b;
  --red-background: #4b0707;
}