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

  --primary: 245 70% 42%;
  --primary-dark: 245 96.4% 32.5%;
  --primary-foreground: 0 0% 100%;
  --primary-dark-foreground: 0 0% 100%;

  --link: 245 85% 36%;

  --accent: 240 55% 97%;
  --accent-foreground: 245 70% 38%;
  --border: 240 40% 91.5%;
  --sidebar-accent: 240 50% 96%;
  --sidebar-accent-foreground: 245 70% 38%;

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

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

  --destructive: 4 72% 47%;
  --destructive-foreground: 0 0% 100%;

  --info: 202 96% 37%;
  --info-foreground: 0 0% 100%;

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

  --chat-input-background: 240 55% 97.5%;
  --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: 245 65% 50%;
  --chart-primary-dark: 245 96.4% 32.5%;
  --chart-accent: 202 92% 46%;
  --chart-muted: 240 12% 65%;
  --chart-warning: 26 100% 48%;
  --chart-info: 194 85% 42%;
  --chart-destructive: 4 75% 50%;
  --chart-success: 145 63% 42%;

  --sidebar-icon-fill-1: hsl(245, 62%, 45%);
  --sidebar-icon-fill-2: hsl(239, 55%, 74%);
  --sidebar-icon-fill-3: hsl(246, 68%, 40%);
  --sidebar-icon-fill-4: hsl(248, 80%, 34%);
  --sidebar-icon-fill-1-hover: hsl(245, 68%, 40%);
  --sidebar-icon-fill-2-hover: hsl(239, 52%, 64%);
  --sidebar-icon-fill-3-hover: hsl(246, 74%, 35%);
  --sidebar-icon-fill-4-hover: hsl(248, 85%, 29%);

  --capability-icon-fill-1: hsla(245, 65%, 50%, 0.4);
  --capability-icon-fill-2: hsla(245, 65%, 50%, 0.7);
  --capability-icon-fill-3: hsl(245, 65%, 48%);
  --capability-icon-fill-4: hsl(248, 70%, 42%);
  --capability-icon-fill-5: hsla(245, 65%, 50%, 0.4);
  --capability-icon-fill-disabled: hsl(0, 0%, 62%);

  --chat-history-icon-fill-1: hsla(245, 65%, 50%, 0.4);
  --chat-history-icon-fill-2: hsl(245, 65%, 48%);

  --user-icon-fill-1: hsl(242, 60%, 82%);
  --user-icon-fill-2: hsl(245, 62%, 50%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(246, 80%, 36%);
  --spinning-loader-fill-2: hsl(240, 70%, 94%);
  --spinning-loader-fill-3: hsla(245, 65%, 50%, 0.4);
}

.dark {
  --background: 242 26% 13%;
  --background-secondary: 243 34% 9%;

  --foreground: 240 16% 95%;
  --foreground-secondary: 240 12% 73%;

  --card: 242 24% 16%;
  --card-foreground: 240 16% 95%;

  --popover: 242 21% 21%;
  --popover-foreground: 240 16% 95%;
  --popover-input-background: 242 24% 16%;
  --popover-title: 240 12% 90%;

  --primary: 240 90% 76%;
  --primary-foreground: 242 35% 12%;

  --primary-dark: 244 62% 54%;
  --primary-dark-foreground: 0 0% 100%;

  --destructive: 4 85% 66%;

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

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

  --accent: 241 20% 31%;
  --accent-foreground: 238 85% 87%;

  --muted: 241 15% 26%;
  --muted-foreground: 240 12% 73%;

  --border: 240 13% 25%;

  --input: 240 13% 25%;
  --input-background: 242 24% 16%;

  --chat-input-background: 242 24% 16%;
  --chat-input-border: 240 13% 25%;

  --sidebar-accent: 242 22% 19%;
  --sidebar-accent-foreground: 238 85% 82%;

  --dropdown-menu-icon-background: 242 24% 16%;
  --dropdown-menu-icon-background-hover: 241 20% 33%;

  --dropzone-background: 242 24% 16%;
  --dropzone-border: 240 13% 25%;
  --dropzone-active-overlay: 240 90% 76% / 0.1;

  --empty-section-background: 242 24% 16%;
  --empty-section-foreground: 240 90% 76%;
  --empty-section-border: 240 13% 25%;

  --list-item-background: 242 24% 16%;
  --list-item-foreground: 240 90% 76%;
  --list-item-border: 240 13% 25%;
  --list-item-icon-background: 240 90% 76% / 0.1;

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

  --stepper-steps-background: 242 24% 18%;

  --plan-card-accent: 242 21% 20%;

  --attachment-preview-background: 242 21% 20%;

  --chat-user-message-background: 244 62% 54%;
  --chat-user-message-foreground: 0 0% 100%;
  --chat-user-message-file-type-foreground: 0 0% 100% / 0.8;

  --layout-gap-background: 243 30% 11%;

  --search-input-background: 242 24% 16%;

  --scroll-area-thumb-background: 240 12% 40%;

  --skeleton-background: 242 24% 16%;

  --icon-background: 242 24% 16%;

  --link: 238 95% 79%;

  --highlighted: 236 100% 82%;

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

  --chart-primary: 240 90% 76%;
  --chart-primary-dark: 244 80% 62%;
  --chart-accent: 202 100% 64%;
  --chart-muted: 240 10% 45%;
  --chart-warning: 27 100% 62%;
  --chart-info: 194 85% 62%;
  --chart-destructive: 4 80% 66%;
  --chart-success: 145 55% 60%;

  --sidebar-icon-fill-1: hsl(241, 90%, 68%);
  --sidebar-icon-fill-2: hsl(238, 88%, 81%);
  --sidebar-icon-fill-3: hsl(244, 82%, 60%);
  --sidebar-icon-fill-4: hsl(246, 78%, 54%);
  --sidebar-icon-fill-1-hover: hsl(240, 95%, 74%);
  --sidebar-icon-fill-2-hover: hsl(237, 92%, 86%);
  --sidebar-icon-fill-3-hover: hsl(243, 88%, 66%);
  --sidebar-icon-fill-4-hover: hsl(245, 85%, 60%);

  --capability-icon-fill-1: hsla(240, 88%, 70%, 0.45);
  --capability-icon-fill-2: hsla(240, 88%, 70%, 0.75);
  --capability-icon-fill-3: hsl(240, 88%, 70%);
  --capability-icon-fill-4: hsl(244, 80%, 58%);
  --capability-icon-fill-5: hsla(240, 88%, 70%, 0.45);
  --capability-icon-fill-disabled: hsl(240, 8%, 58%);

  --chat-history-icon-fill-1: hsla(240, 88%, 70%, 0.45);
  --chat-history-icon-fill-2: hsl(240, 88%, 70%);

  --user-icon-fill-1: hsl(240, 80%, 80%);
  --user-icon-fill-2: hsl(240, 88%, 70%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(240, 88%, 70%);
  --spinning-loader-fill-2: hsl(240, 75%, 90%);
  --spinning-loader-fill-3: hsla(240, 88%, 70%, 0.4);
}