:root,
.light {
  --logo-height-auth: 4.5rem;
  --logo-height-chat: 5.5rem;
  --logo-height-assistant-preview: 4.5rem;

  --primary: 215 100% 21%;
  --primary-foreground: 0 0% 100%;

  --primary-dark: 219 48% 39%;
  --primary-dark-foreground: var(--primary-foreground);

  --accent: 216 42% 95%;
  --border: 217 36% 90%;
  --sidebar-accent: 216 40% 92%;

  --success: 154 46% 34%;
  --success-foreground: 0 0% 100%;

  --warning: 40 90% 58%;
  --warning-foreground: 0 0% 0%;

  --info: 199 80% 36%;
  --info-foreground: 0 0% 100%;

  --toast-success-foreground: 152 45% 96%;

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

  --chat-input-background: 216 45% 96%;
  --chat-input-border: var(--primary) / 0.3;

  --chat-user-message-background: var(--primary-dark);
  --chat-user-message-foreground: var(--primary-dark-foreground);
  --chat-user-message-file-type-foreground: var(--primary-dark-foreground) / 0.8;

  --dropdown-menu-icon-background: 216 45% 96%;
  --dropdown-menu-icon-background-hover: var(--primary) / 0.15;

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

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

  --icon-background: 216 45% 94%;

  --chart-primary: var(--primary);
  --chart-primary-dark: var(--primary-dark);
  --chart-muted: var(--muted);
  --chart-accent: var(--accent);
  --chart-warning: var(--warning);
  --chart-info: var(--info);
  --chart-success: 154 50% 38%;

  --sidebar-icon-fill-1: hsl(215, 70%, 45%);
  --sidebar-icon-fill-2: hsl(216, 50%, 78%);
  --sidebar-icon-fill-3: hsl(217, 85%, 32%);
  --sidebar-icon-fill-4: hsl(215, 100%, 21%);
  --sidebar-icon-fill-1-hover: hsl(219, 48%, 39%);
  --sidebar-icon-fill-2-hover: hsl(219, 45%, 68%);
  --sidebar-icon-fill-3-hover: hsl(219, 55%, 32%);
  --sidebar-icon-fill-4-hover: hsl(217, 90%, 18%);

  --capability-icon-fill-1: hsl(216, 50%, 78%);
  --capability-icon-fill-2: hsl(215, 70%, 45%);
  --capability-icon-fill-3: hsl(217, 85%, 32%);
  --capability-icon-fill-4: hsl(215, 100%, 21%);
  --capability-icon-fill-5: hsl(216, 50%, 78%);
  --capability-icon-fill-disabled: hsl(0, 0%, 62%);

  --chat-history-icon-fill-1: hsl(216, 50%, 78%);
  --chat-history-icon-fill-2: hsl(215, 70%, 45%);

  --user-icon-fill-1: hsl(216, 60%, 82%);
  --user-icon-fill-2: hsl(215, 70%, 45%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(215, 100%, 21%);
  --spinning-loader-fill-2: hsl(216, 55%, 92%);
  --spinning-loader-fill-3: hsl(219, 48%, 55%);
}

.dark {
  --background: 218 100% 9%;
  --background-secondary: 219 100% 5%;

  --foreground: 210 22% 94%;
  --foreground-secondary: 219 30% 78%;

  --card: 217 100% 14%;
  --card-foreground: 210 22% 94%;

  --popover: 216 100% 17%;
  --popover-foreground: 210 22% 94%;
  --popover-input-background: 217 100% 14%;
  --popover-title: 210 18% 90%;

  --primary: 218 45% 68%;
  --primary-foreground: 218 90% 12%;

  --primary-dark: 215 72% 46%;
  --primary-dark-foreground: 0 0% 100%;

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

  --success: 154 55% 34%;
  --success-foreground: 0 0% 100%;

  --info: 199 75% 52%;
  --info-foreground: 218 90% 12%;

  --accent: 220 24% 34%;
  --accent-foreground: 210 30% 90%;

  --muted: 220 18% 30%;
  --muted-foreground: 219 20% 75%;

  --border: 220 16% 26%;

  --input: 220 16% 26%;
  --input-background: 217 100% 14%;

  --chat-input-background: 217 100% 14%;
  --chat-input-border: 220 16% 26%;

  --sidebar-accent: 216 100% 17%;
  --sidebar-accent-foreground: 218 55% 78%;

  --dropdown-menu-icon-background: 217 100% 14%;
  --dropdown-menu-icon-background-hover: 220 24% 34%;

  --dropzone-background: 217 100% 14%;
  --dropzone-border: 220 16% 26%;
  --dropzone-active-overlay: 218 45% 68% / 0.1;

  --empty-section-background: 217 100% 14%;
  --empty-section-foreground: 218 45% 68%;
  --empty-section-border: 220 16% 26%;

  --list-item-background: 217 100% 14%;
  --list-item-foreground: 218 45% 68%;
  --list-item-border: 220 16% 26%;
  --list-item-icon-background: 218 45% 68% / 0.1;

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

  --stepper-steps-background: 216 100% 15%;

  --plan-card-accent: 216 100% 17%;

  --attachment-preview-background: 216 100% 17%;

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

  --layout-gap-background: 219 90% 7%;

  --search-input-background: 217 100% 14%;

  --scroll-area-thumb-background: 220 16% 42%;

  --skeleton-background: 217 100% 14%;

  --icon-background: 217 100% 14%;

  --link: 210 70% 74%;

  --highlighted: 205 75% 78%;

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

  --chart-primary: 218 45% 68%;
  --chart-primary-dark: 215 72% 46%;
  --chart-muted: 220 18% 30%;
  --chart-accent: 220 24% 34%;
  --chart-warning: 40 95% 64%;
  --chart-info: 199 75% 52%;
  --chart-success: 154 55% 34%;

  --sidebar-icon-fill-1: hsl(215, 75%, 55%);
  --sidebar-icon-fill-2: hsl(216, 55%, 78%);
  --sidebar-icon-fill-3: hsl(217, 60%, 42%);
  --sidebar-icon-fill-4: hsl(217, 60%, 35%);
  --sidebar-icon-fill-1-hover: hsl(210, 75%, 68%);
  --sidebar-icon-fill-2-hover: hsl(210, 70%, 84%);
  --sidebar-icon-fill-3-hover: hsl(217, 65%, 48%);
  --sidebar-icon-fill-4-hover: hsl(217, 65%, 40%);

  --capability-icon-fill-1: hsl(216, 55%, 88%);
  --capability-icon-fill-2: hsl(215, 75%, 55%);
  --capability-icon-fill-3: hsl(217, 60%, 42%);
  --capability-icon-fill-4: hsl(217, 60%, 35%);
  --capability-icon-fill-5: hsl(216, 55%, 88%);
  --capability-icon-fill-disabled: hsl(219, 10%, 58%);

  --chat-history-icon-fill-1: hsl(216, 55%, 78%);
  --chat-history-icon-fill-2: hsl(215, 75%, 55%);

  --user-icon-fill-1: hsl(216, 60%, 82%);
  --user-icon-fill-2: hsl(215, 75%, 55%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(215, 75%, 55%);
  --spinning-loader-fill-2: hsl(216, 55%, 88%);
  --spinning-loader-fill-3: hsl(215, 65%, 68%);
}