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

  --card-foreground: 266 30% 8%;
  --popover-foreground: 266 30% 8%;

  --primary: 266 88% 62%;
  --primary-foreground: 0 0% 100%;
  --primary-dark: 266 88% 62%;
  --primary-dark-foreground: 0 0% 100%;

  --muted: 266 45% 96.5%;
  --muted-foreground: 266 12% 45%;
  --accent: 266 85% 96.5%;
  --border: 266 55% 90%;
  --input: 266 30% 91%;

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

  --sidebar-background: 266 65% 97.5%;
  --sidebar-accent: 266 80% 94%;

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

  --list-item-border: var(--primary) / 0.28;
  --list-item-icon-background: var(--primary) / 0.08;

  --permission-read-background: 266 70% 95%;
  --permission-read-foreground: 266 70% 50%;

  --logo-tile-background: 266 30% 50% / 0.08;

  --link: 266 70% 50%;

  --chart-primary: var(--primary);
  --chart-primary-dark: 266 64% 40%;
  --chart-destructive: 4 72% 50%;
  --chart-muted: 266 10% 52%;
  --chart-accent: 150 70% 33%;
  --chart-warning: 38 95% 40%;
  --chart-info: 205 78% 44%;
  --chart-success: 150 70% 33%;

  --sidebar-icon-fill-1: hsl(266, 88%, 62%);
  --sidebar-icon-fill-2: hsl(266, 85%, 84%);
  --sidebar-icon-fill-3: hsl(266, 72%, 54%);
  --sidebar-icon-fill-4: hsl(266, 70%, 44%);
  --sidebar-icon-fill-1-hover: hsl(266, 72%, 50%);
  --sidebar-icon-fill-2-hover: hsl(266, 70%, 76%);
  --sidebar-icon-fill-3-hover: hsl(266, 70%, 46%);
  --sidebar-icon-fill-4-hover: hsl(266, 70%, 38%);

  --capability-icon-fill-1: hsl(266, 85%, 84%);
  --capability-icon-fill-2: hsl(266, 88%, 62%);
  --capability-icon-fill-3: hsl(266, 72%, 54%);
  --capability-icon-fill-4: hsl(266, 70%, 50%);
  --capability-icon-fill-5: hsl(266, 85%, 84%);

  --chat-history-icon-fill-1: hsl(266, 85%, 84%);
  --chat-history-icon-fill-2: hsl(266, 88%, 62%);

  --user-icon-fill-1: hsl(266, 90%, 88%);
  --user-icon-fill-2: hsl(266, 72%, 64%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(266, 70%, 44%);
  --spinning-loader-fill-2: hsl(266, 90%, 91%);
  --spinning-loader-fill-3: hsl(266, 85%, 76%);
}

.dark {
  --background: 266 15% 17%;
  --background-secondary: 266 18% 14%;

  --foreground: 266 20% 94%;
  --foreground-secondary: 266 14% 74%;

  --card: 266 13% 21.5%;
  --card-foreground: var(--foreground);

  --popover: 266 11% 26%;
  --popover-foreground: var(--foreground);
  --popover-input-background: var(--card);
  --popover-title: var(--foreground);

  --primary: 266 92% 78%;
  --primary-foreground: 266 35% 12%;

  --primary-dark: 266 50% 56%;
  --primary-dark-foreground: 0 0% 100%;

  --accent: 266 18% 33%;
  --accent-foreground: var(--foreground);

  --muted: 266 12% 30%;
  --muted-foreground: var(--foreground-secondary);

  --border: 266 10% 36%;

  --input: var(--border);
  --input-background: var(--card);

  --chat-input-border: var(--border);

  --sidebar-background: var(--background-secondary);
  --sidebar-accent: var(--popover);
  --sidebar-accent-foreground: 266 70% 88%;

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

  --dropzone-border: var(--border);
  --dropzone-active-overlay: 266 92% 78% / 0.1;

  --empty-section-background: var(--card);
  --empty-section-border: var(--border);

  --list-item-background: var(--card);
  --list-item-border: var(--border);
  --list-item-icon-background: 266 92% 78% / 0.1;

  --stepper-steps-background: 266 12% 27%;
  --plan-card-accent: var(--popover);
  --attachment-preview-background: var(--popover);

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

  --layout-gap-background: 266 18% 15%;
  --search-input-background: var(--card);
  --scroll-area-thumb-background: 266 10% 48%;
  --skeleton-background: var(--card);

  --permission-read-background: 266 18% 32%;
  --permission-read-foreground: 266 90% 86%;

  --link: 266 90% 80%;
  --highlighted: 266 95% 85%;

  --chart-primary: var(--primary);
  --chart-primary-dark: 266 75% 64%;
  --chart-destructive: 4 85% 66%;
  --chart-muted: 266 12% 64%;
  --chart-accent: 150 58% 52%;
  --chart-warning: 42 95% 60%;
  --chart-info: 205 80% 64%;
  --chart-success: 150 58% 52%;

  --sidebar-icon-fill-1: hsl(266, 92%, 76%);
  --sidebar-icon-fill-2: hsla(266, 85%, 86%, 0.55);
  --sidebar-icon-fill-3: hsl(266, 82%, 66%);
  --sidebar-icon-fill-4: hsl(266, 72%, 56%);
  --sidebar-icon-fill-1-hover: hsl(266, 95%, 84%);
  --sidebar-icon-fill-2-hover: hsla(266, 90%, 90%, 0.7);
  --sidebar-icon-fill-3-hover: hsl(266, 86%, 72%);
  --sidebar-icon-fill-4-hover: hsl(266, 78%, 62%);

  --capability-icon-fill-1: hsl(266, 50%, 93%);
  --capability-icon-fill-2: hsl(266, 85%, 68%);
  --capability-icon-fill-3: hsl(266, 72%, 54%);
  --capability-icon-fill-4: hsl(266, 78%, 62%);
  --capability-icon-fill-5: hsl(266, 50%, 93%);
  --capability-icon-fill-disabled: hsl(266, 10%, 60%);

  --chat-history-icon-fill-1: hsla(266, 85%, 86%, 0.55);
  --chat-history-icon-fill-2: hsl(266, 85%, 68%);

  --user-icon-fill-1: hsl(266, 60%, 84%);
  --user-icon-fill-2: hsl(266, 50%, 62%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(266, 72%, 56%);
  --spinning-loader-fill-2: hsl(266, 50%, 92%);
  --spinning-loader-fill-3: hsl(266, 80%, 74%);
}