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

  --primary: 202 84% 49%;
  --primary-dark: 202 84% 49%;
  --primary-foreground: 0 0% 100%;
  --primary-dark-foreground: 0 0% 100%;

  --link: 202 80% 39%;

  --accent: 202 85% 94%;
  --accent-foreground: 202 82% 36%;
  --border: 202 65% 86%;
  --sidebar-accent: 202 85% 94%;
  --sidebar-accent-foreground: 202 82% 36%;

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

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

  --destructive: 0 78% 52%;
  --destructive-foreground: 0 0% 100%;

  --info: 200 88% 38%;
  --info-foreground: 0 0% 100%;

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

  --chat-input-background: 202 90% 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: 202 84% 45%;
  --chart-primary-dark: 205 82% 28%;
  --chart-warning: 38 95% 55%;
  --chart-info: 188 78% 40%;
  --chart-destructive: 0 75% 52%;
  --chart-success: 145 63% 42%;

  --sidebar-icon-fill-1: hsl(203, 88%, 46%);
  --sidebar-icon-fill-2: hsl(201, 80%, 76%);
  --sidebar-icon-fill-3: hsl(205, 85%, 42%);
  --sidebar-icon-fill-4: hsl(208, 88%, 36%);
  --sidebar-icon-fill-1-hover: hsl(204, 92%, 40%);
  --sidebar-icon-fill-2-hover: hsl(202, 78%, 65%);
  --sidebar-icon-fill-3-hover: hsl(206, 90%, 36%);
  --sidebar-icon-fill-4-hover: hsl(209, 94%, 30%);

  --capability-icon-fill-1: hsla(202, 90%, 46%, 0.4);
  --capability-icon-fill-2: hsla(202, 90%, 46%, 0.7);
  --capability-icon-fill-3: hsl(202, 88%, 44%);
  --capability-icon-fill-4: hsl(190, 90%, 44%);
  --capability-icon-fill-5: hsla(202, 90%, 46%, 0.4);
  --capability-icon-fill-disabled: hsl(0, 0%, 62%);

  --chat-history-icon-fill-1: hsla(202, 90%, 46%, 0.4);
  --chat-history-icon-fill-2: hsl(202, 88%, 44%);

  --user-icon-fill-1: hsl(202, 85%, 80%);
  --user-icon-fill-2: hsl(202, 88%, 46%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(204, 90%, 36%);
  --spinning-loader-fill-2: hsl(202, 88%, 93%);
  --spinning-loader-fill-3: hsla(202, 90%, 46%, 0.4);
}

.dark {
  --background: 212 32% 13%;
  --background-secondary: 213 40% 9%;

  --foreground: 205 18% 95%;
  --foreground-secondary: 208 14% 72%;

  --card: 212 30% 16%;
  --card-foreground: 205 18% 95%;

  --popover: 212 26% 21%;
  --popover-foreground: 205 18% 95%;
  --popover-input-background: 212 30% 16%;
  --popover-title: 205 14% 90%;

  --primary: 202 90% 66%;
  --primary-foreground: 212 40% 12%;

  --primary-dark: 203 84% 40%;
  --primary-dark-foreground: 0 0% 100%;

  --destructive: 0 85% 65%;

  --warning: 40 95% 68%;
  --warning-foreground: 0 0% 0%;

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

  --accent: 210 26% 30%;
  --accent-foreground: 202 82% 85%;

  --muted: 212 18% 26%;
  --muted-foreground: 208 14% 72%;

  --border: 210 16% 25%;

  --input: 210 16% 25%;
  --input-background: 212 30% 16%;

  --chat-input-background: 212 30% 16%;
  --chat-input-border: 210 16% 25%;

  --sidebar-accent: 212 26% 19%;
  --sidebar-accent-foreground: 202 82% 80%;

  --dropdown-menu-icon-background: 212 30% 16%;
  --dropdown-menu-icon-background-hover: 210 26% 32%;

  --dropzone-background: 212 30% 16%;
  --dropzone-border: 210 16% 25%;
  --dropzone-active-overlay: 202 90% 66% / 0.1;

  --empty-section-background: 212 30% 16%;
  --empty-section-foreground: 202 90% 66%;
  --empty-section-border: 210 16% 25%;

  --list-item-background: 212 30% 16%;
  --list-item-foreground: 202 90% 66%;
  --list-item-border: 210 16% 25%;
  --list-item-icon-background: 202 90% 66% / 0.1;

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

  --stepper-steps-background: 212 30% 18%;

  --plan-card-accent: 212 26% 20%;

  --attachment-preview-background: 212 26% 20%;

  --chat-user-message-background: 203 84% 40%;
  --chat-user-message-foreground: 0 0% 100%;
  --chat-user-message-file-type-foreground: 0 0% 100% / 0.8;

  --layout-gap-background: 213 36% 11%;

  --search-input-background: 212 30% 16%;

  --scroll-area-thumb-background: 210 14% 40%;

  --skeleton-background: 212 30% 16%;

  --icon-background: 212 30% 16%;

  --link: 202 88% 70%;

  --highlighted: 199 92% 74%;

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

  --chart-primary: 202 90% 66%;
  --chart-primary-dark: 203 88% 50%;
  --chart-warning: 38 95% 62%;
  --chart-info: 188 72% 60%;
  --chart-destructive: 0 80% 65%;
  --chart-success: 145 55% 60%;

  --sidebar-icon-fill-1: hsl(203, 96%, 52%);
  --sidebar-icon-fill-2: hsl(202, 90%, 74%);
  --sidebar-icon-fill-3: hsl(205, 92%, 46%);
  --sidebar-icon-fill-4: hsl(208, 95%, 40%);
  --sidebar-icon-fill-1-hover: hsl(202, 100%, 60%);
  --sidebar-icon-fill-2-hover: hsl(201, 92%, 80%);
  --sidebar-icon-fill-3-hover: hsl(205, 95%, 54%);
  --sidebar-icon-fill-4-hover: hsl(208, 98%, 48%);

  --capability-icon-fill-1: hsla(202, 90%, 62%, 0.45);
  --capability-icon-fill-2: hsla(202, 90%, 62%, 0.75);
  --capability-icon-fill-3: hsl(202, 90%, 62%);
  --capability-icon-fill-4: hsl(190, 85%, 55%);
  --capability-icon-fill-5: hsla(202, 90%, 62%, 0.45);
  --capability-icon-fill-disabled: hsl(210, 10%, 58%);

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

  --user-icon-fill-1: hsl(202, 80%, 78%);
  --user-icon-fill-2: hsl(202, 90%, 62%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(202, 90%, 62%);
  --spinning-loader-fill-2: hsl(202, 80%, 90%);
  --spinning-loader-fill-3: hsla(202, 90%, 62%, 0.4);
}