:root,
.light {
  --primary: 135 88% 36.05%;
  --primary-foreground: 0 0% 100%;

  --primary-dark: 135 88% 36.05%;
  --primary-dark-foreground: 0 0% 100%;

  --accent: 138 55% 94%;
  --border: 136 45% 87%;
  --sidebar-accent: 137 50% 92%;

  --success: 135 75% 30%;
  --success-foreground: 0 0% 100%;

  --toast-success-foreground: 138 15% 98%;

  --info: 171 82% 28%;
  --info-foreground: 0 0% 100%;

  --checkbox-background: var(--primary);

  --chat-input-background: var(--accent);
  --chat-input-border: 135 55% 60%;

  --icon-background: 138 35% 97%;

  --dropdown-menu-icon-background: var(--accent);
  --dropdown-menu-icon-background-hover: var(--primary) / 0.15;

  --dropzone-border: var(--primary) / 0.3;

  --empty-section-border: var(--primary) / 0.3;

  --permission-read-background: 137 50% 92%;
  --permission-read-foreground: var(--primary);

  --chart-success: 135 70% 28%;

  --sidebar-icon-fill-1: hsl(135, 60%, 42%);
  --sidebar-icon-fill-2: hsla(135, 60%, 42%, 0.4);
  --sidebar-icon-fill-3: hsl(137, 65%, 36%);
  --sidebar-icon-fill-4: hsl(139, 80%, 24%);
  --sidebar-icon-fill-1-hover: hsl(137, 82%, 22%);
  --sidebar-icon-fill-2-hover: hsla(137, 82%, 22%, 0.4);
  --sidebar-icon-fill-3-hover: hsl(138, 82%, 22%);
  --sidebar-icon-fill-4-hover: hsl(140, 85%, 16%);

  --capability-icon-fill-1: hsla(135, 65%, 40%, 0.4);
  --capability-icon-fill-2: hsla(135, 65%, 40%, 0.698);
  --capability-icon-fill-3: hsl(135, 65%, 40%);
  --capability-icon-fill-4: hsl(135, 65%, 40%);
  --capability-icon-fill-5: hsla(135, 65%, 40%, 0.4);

  --chat-history-icon-fill-1: hsla(135, 65%, 40%, 0.4);
  --chat-history-icon-fill-2: hsl(135, 65%, 40%);

  --user-icon-fill-1: hsl(137, 70%, 80%);
  --user-icon-fill-2: hsl(135, 55%, 45%);

  --spinning-loader-fill-1: hsl(139, 80%, 24%);
  --spinning-loader-fill-2: hsl(138, 55%, 94%);
  --spinning-loader-fill-3: hsla(135, 65%, 40%, 0.4);
}

.dark {
  --background: 150 22% 13%;
  --background-secondary: 150 28% 9%;

  --foreground: 140 12% 93%;
  --foreground-secondary: 145 10% 72%;

  --card: 148 18% 17%;
  --card-foreground: 140 12% 93%;

  --popover: 148 18% 22%;
  --popover-foreground: 140 12% 93%;
  --popover-input-background: 148 18% 17%;
  --popover-title: 140 10% 88%;

  --primary: 135 55% 68%;
  --primary-dark: 137 60% 32%;

  --success: 135 60% 48%;
  --info: 171 65% 55%;

  --toast-success-foreground: 0 0% 0%;

  --accent: 145 20% 32%;
  --accent-foreground: 138 45% 82%;

  --muted: 145 14% 28%;
  --muted-foreground: 145 10% 72%;

  --border: 145 12% 26%;

  --input: 145 12% 26%;
  --input-background: 148 18% 17%;

  --chat-input-background: 148 18% 17%;
  --chat-input-border: 145 12% 26%;

  --sidebar-accent: 148 20% 26%;
  --sidebar-accent-foreground: 138 55% 80%;

  --dropdown-menu-icon-background: 148 18% 17%;
  --dropdown-menu-icon-background-hover: 145 22% 38%;

  --dropzone-background: 148 18% 17%;
  --dropzone-border: 145 12% 26%;
  --dropzone-active-overlay: 135 55% 68% / 0.1;

  --empty-section-background: 148 18% 17%;
  --empty-section-foreground: 135 55% 68%;
  --empty-section-border: 145 12% 26%;

  --list-item-background: 148 18% 17%;
  --list-item-foreground: 135 55% 68%;
  --list-item-border: 145 12% 26%;
  --list-item-icon-background: 135 55% 68% / 0.1;

  --stepper-steps-background: 148 18% 19%;

  --plan-card-accent: 148 18% 22%;

  --attachment-preview-background: 148 18% 22%;

  --chat-user-message-background: 137 60% 32%;

  --layout-gap-background: 150 26% 11%;

  --search-input-background: 148 18% 17%;

  --scroll-area-thumb-background: 145 12% 45%;

  --skeleton-background: 148 18% 17%;

  --icon-background: 148 18% 17%;

  --link: 150 60% 72%;

  --highlighted: 140 75% 76%;

  --chart-success: 135 55% 50%;

  --sidebar-icon-fill-1: hsl(135, 70%, 60%);
  --sidebar-icon-fill-2: hsl(137, 55%, 78%);
  --sidebar-icon-fill-3: hsl(137, 65%, 48%);
  --sidebar-icon-fill-4: hsl(139, 80%, 36%);
  --sidebar-icon-fill-1-hover: hsl(135, 75%, 68%);
  --sidebar-icon-fill-2-hover: hsl(137, 60%, 85%);
  --sidebar-icon-fill-3-hover: hsl(137, 70%, 55%);
  --sidebar-icon-fill-4-hover: hsl(139, 85%, 44%);

  --capability-icon-fill-1: hsla(135, 65%, 40%, 0.4);
  --capability-icon-fill-2: hsla(135, 65%, 40%, 0.698);
  --capability-icon-fill-3: hsl(135, 65%, 40%);
  --capability-icon-fill-4: hsl(135, 65%, 40%);
  --capability-icon-fill-5: hsla(135, 65%, 40%, 0.4);

  --chat-history-icon-fill-1: hsla(135, 65%, 40%, 0.4);
  --chat-history-icon-fill-2: hsl(135, 65%, 40%);

  --user-icon-fill-1: hsl(137, 70%, 80%);
  --user-icon-fill-2: hsl(135, 55%, 45%);

  --spinning-loader-fill-1: hsl(139, 80%, 24%);
  --spinning-loader-fill-2: hsl(138, 55%, 94%);
  --spinning-loader-fill-3: hsla(135, 65%, 40%, 0.4);
}