:root,
.light {
  --logo-height-auth: 3rem;
  --logo-height-chat: 3.75rem;
  --logo-height-assistant-preview: 3.25rem;

  --primary: 350 82% 50%;
  --primary-dark: 350 82% 45%;
  --primary-foreground: 0 0% 100%;

  --foreground: 218 12% 15%;
  --foreground-secondary: 216 8% 40%;

  --accent: 350 78% 95%;
  --border: 350 60% 90%;
  --sidebar-accent: 350 72% 94%;

  --success: 145 63% 42%;
  --success-foreground: 0 0% 100%;

  --warning: 43 100% 64%;
  --warning-foreground: 0 0% 0%;

  --destructive: 16 84% 43%;
  --destructive-foreground: 0 0% 100%;

  --info: 205 75% 42%;
  --info-foreground: 0 0% 100%;

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

  --chat-input-background: 350 78% 96%;
  --chat-input-border: var(--primary) / 0.3;

  --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;

  --chart-primary: 350 82% 52%;
  --chart-primary-dark: 347 88% 34%;
  --chart-warning: 43 100% 52%;
  --chart-info: 205 78% 42%;
  --chart-destructive: 16 84% 46%;
  --chart-success: 145 63% 42%;

  --sidebar-icon-fill-1: hsl(350, 76%, 42%);
  --sidebar-icon-fill-2: hsl(350, 70%, 80%);
  --sidebar-icon-fill-3: hsl(349, 80%, 36%);
  --sidebar-icon-fill-4: hsl(347, 85%, 30%);
  --sidebar-icon-fill-1-hover: hsl(349, 80%, 38%);
  --sidebar-icon-fill-2-hover: hsl(350, 70%, 66%);
  --sidebar-icon-fill-3-hover: hsl(348, 82%, 34%);
  --sidebar-icon-fill-4-hover: hsl(347, 88%, 28%);

  --capability-icon-fill-1: hsla(350, 70%, 55%, 0.4);
  --capability-icon-fill-2: hsla(350, 70%, 55%, 0.7);
  --capability-icon-fill-3: hsl(350, 72%, 48%);
  --capability-icon-fill-4: hsl(347, 80%, 38%);
  --capability-icon-fill-5: hsla(350, 70%, 55%, 0.4);
  --capability-icon-fill-disabled: hsl(0, 0%, 62%);

  --chat-history-icon-fill-1: hsla(350, 72%, 45%, 0.4);
  --chat-history-icon-fill-2: hsl(350, 72%, 45%);

  --user-icon-fill-1: hsl(350, 55%, 82%);
  --user-icon-fill-2: hsl(350, 60%, 48%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(349, 78%, 40%);
  --spinning-loader-fill-2: hsl(350, 70%, 94%);
  --spinning-loader-fill-3: hsla(350, 65%, 50%, 0.4);
}

.dark {
  --background: 220 12% 12%;
  --background-secondary: 220 14% 8%;

  --foreground: 210 14% 93%;
  --foreground-secondary: 214 10% 72%;

  --card: 220 12% 16%;
  --card-foreground: 210 14% 93%;

  --popover: 220 12% 20%;
  --popover-foreground: 210 14% 93%;
  --popover-input-background: 220 12% 16%;
  --popover-title: 210 10% 88%;

  --primary: 351 88% 73%;
  --primary-foreground: 350 30% 12%;

  --primary-dark: 350 72% 44%;
  --primary-dark-foreground: 0 0% 100%;

  --destructive: 6 72% 55%;
  --destructive-foreground: 0 0% 100%;

  --warning: 43 100% 68%;
  --warning-foreground: 0 0% 0%;

  --success: 145 58% 50%;
  --success-foreground: 0 0% 100%;

  --info: 205 80% 62%;
  --info-foreground: 0 0% 100%;

  --accent: 350 25% 28%;
  --accent-foreground: 350 60% 82%;

  --muted: 220 12% 26%;
  --muted-foreground: 214 10% 72%;

  --border: 220 10% 24%;

  --input: 220 10% 24%;
  --input-background: 220 12% 16%;

  --chat-input-background: 220 12% 16%;
  --chat-input-border: 220 10% 24%;

  --sidebar-accent: 220 14% 18%;
  --sidebar-accent-foreground: 350 70% 78%;

  --dropdown-menu-icon-background: 220 12% 16%;
  --dropdown-menu-icon-background-hover: 350 25% 30%;

  --dropzone-background: 220 12% 16%;
  --dropzone-border: 220 10% 24%;
  --dropzone-active-overlay: 351 88% 73% / 0.1;

  --empty-section-background: 220 12% 16%;
  --empty-section-foreground: 351 88% 73%;
  --empty-section-border: 220 10% 24%;

  --list-item-background: 220 12% 16%;
  --list-item-foreground: 351 88% 73%;
  --list-item-border: 220 10% 24%;
  --list-item-icon-background: 351 88% 73% / 0.1;

  --tabs-accent: var(--sidebar-accent);

  --stepper-steps-background: 220 12% 17%;

  --plan-card-accent: 220 12% 20%;

  --attachment-preview-background: 220 12% 20%;

  --chat-user-message-background: 350 72% 44%;
  --chat-user-message-foreground: 0 0% 100%;
  --chat-user-message-file-type-foreground: 0 0% 100% / 0.8;

  --layout-gap-background: 220 14% 10%;

  --search-input-background: 220 12% 16%;

  --scroll-area-thumb-background: 220 10% 40%;

  --skeleton-background: 220 12% 16%;

  --icon-background: 220 12% 16%;

  --link: 350 80% 70%;

  --highlighted: 350 90% 76%;

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

  --chart-primary: 351 88% 73%;
  --chart-primary-dark: 350 68% 48%;
  --chart-warning: 43 100% 64%;
  --chart-info: 205 82% 64%;
  --chart-destructive: 6 72% 55%;
  --chart-success: 145 55% 60%;

  --sidebar-icon-fill-1: hsl(350, 70%, 60%);
  --sidebar-icon-fill-2: hsl(350, 55%, 76%);
  --sidebar-icon-fill-3: hsl(349, 68%, 52%);
  --sidebar-icon-fill-4: hsl(347, 72%, 46%);
  --sidebar-icon-fill-1-hover: hsl(350, 75%, 66%);
  --sidebar-icon-fill-2-hover: hsl(350, 60%, 82%);
  --sidebar-icon-fill-3-hover: hsl(349, 72%, 58%);
  --sidebar-icon-fill-4-hover: hsl(347, 76%, 52%);

  --capability-icon-fill-1: hsla(350, 65%, 62%, 0.45);
  --capability-icon-fill-2: hsla(350, 65%, 62%, 0.75);
  --capability-icon-fill-3: hsl(350, 65%, 62%);
  --capability-icon-fill-4: hsl(347, 70%, 50%);
  --capability-icon-fill-5: hsla(350, 65%, 62%, 0.45);
  --capability-icon-fill-disabled: hsl(220, 8%, 58%);

  --chat-history-icon-fill-1: hsla(350, 65%, 62%, 0.45);
  --chat-history-icon-fill-2: hsl(350, 65%, 62%);

  --user-icon-fill-1: hsl(350, 55%, 78%);
  --user-icon-fill-2: hsl(350, 65%, 62%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(350, 65%, 62%);
  --spinning-loader-fill-2: hsl(350, 60%, 88%);
  --spinning-loader-fill-3: hsla(350, 65%, 62%, 0.4);
}