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

  --background: 0 0% 100%;
  --background-secondary: 45 33% 97%;

  --foreground: 30 6% 12%;
  --foreground-secondary: 30 5% 38%;

  --card: 0 0% 100%;
  --card-foreground: 30 6% 12%;

  --popover: 0 0% 100%;
  --popover-foreground: 30 6% 12%;
  --popover-input-background: 0 0% 100%;
  --popover-title: 30 5% 38%;

  --primary: 39 62% 34%;
  --primary-foreground: 0 0% 100%;
  --primary-dark: 39 62% 34%;
  --primary-dark-foreground: 0 0% 100%;

  --secondary: 44 26% 95%;
  --secondary-foreground: 30 6% 15%;

  --success: 162 78% 28%;
  --success-foreground: 0 0% 100%;

  --warning: 32 91% 65%;
  --warning-foreground: 0 0% 0%;

  --destructive: 357 74% 44%;
  --destructive-foreground: 0 0% 100%;

  --info: 224 66% 46%;
  --info-foreground: 0 0% 100%;

  --muted: 44 26% 95%;
  --muted-foreground: 30 5% 42%;

  --accent: 41 45% 93%;
  --border: 40 32% 87%;
  --sidebar-accent: 41 44% 89%;
  --sidebar-accent-foreground: 38 64% 30%;

  --input: 40 28% 88%;
  --input-background: 45 33% 98%;

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

  --chat-input-background: 44 40% 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;

  --layout-gap-background: 44 38% 94%;

  --permission-read-background: 41 42% 93%;
  --permission-read-foreground: 39 62% 34%;

  --chart-primary: 40 58% 42%;
  --chart-primary-dark: 37 64% 25%;
  --chart-info: 224 68% 52%;
  --chart-success: 162 72% 33%;
  --chart-warning: 27 88% 56%;
  --chart-destructive: 357 74% 48%;
  --chart-muted: 40 12% 76%;

  --sidebar-icon-fill-1: hsl(40, 58%, 42%);
  --sidebar-icon-fill-2: hsl(41, 52%, 74%);
  --sidebar-icon-fill-3: hsl(38, 58%, 33%);
  --sidebar-icon-fill-4: hsl(36, 62%, 26%);
  --sidebar-icon-fill-1-hover: hsl(38, 62%, 36%);
  --sidebar-icon-fill-2-hover: hsl(41, 54%, 62%);
  --sidebar-icon-fill-3-hover: hsl(37, 62%, 29%);
  --sidebar-icon-fill-4-hover: hsl(35, 66%, 23%);

  --capability-icon-fill-1: hsla(40, 58%, 50%, 0.4);
  --capability-icon-fill-2: hsla(40, 58%, 50%, 0.72);
  --capability-icon-fill-3: hsl(40, 58%, 42%);
  --capability-icon-fill-4: hsl(37, 62%, 30%);
  --capability-icon-fill-5: hsla(40, 58%, 50%, 0.4);
  --capability-icon-fill-disabled: hsl(0, 0%, 62%);

  --chat-history-icon-fill-1: hsla(40, 58%, 42%, 0.4);
  --chat-history-icon-fill-2: hsl(40, 58%, 42%);

  --user-icon-fill-1: hsl(41, 52%, 78%);
  --user-icon-fill-2: hsl(40, 58%, 44%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(37, 62%, 30%);
  --spinning-loader-fill-2: hsl(41, 45%, 93%);
  --spinning-loader-fill-3: hsla(40, 58%, 44%, 0.4);
}

.dark {
  --background: 36 7% 13%;
  --background-secondary: 36 8% 8%;

  --foreground: 45 22% 92%;
  --foreground-secondary: 42 10% 72%;

  --card: 36 7% 17%;
  --card-foreground: 45 22% 92%;

  --popover: 36 8% 21%;
  --popover-foreground: 45 22% 92%;
  --popover-input-background: 36 7% 17%;
  --popover-title: 44 14% 88%;

  --primary: 41 62% 62%;
  --primary-foreground: 36 30% 10%;

  --primary-dark: 39 58% 36%;
  --primary-dark-foreground: 0 0% 100%;

  --secondary: 38 14% 26%;
  --secondary-foreground: 45 22% 92%;

  --success: 162 58% 48%;
  --success-foreground: 0 0% 0%;

  --warning: 32 92% 64%;
  --warning-foreground: 0 0% 0%;

  --destructive: 357 72% 54%;
  --destructive-foreground: 0 0% 100%;

  --info: 226 82% 72%;
  --info-foreground: 36 30% 10%;

  --accent: 38 18% 26%;
  --accent-foreground: 42 55% 78%;

  --muted: 38 14% 26%;
  --muted-foreground: 42 10% 72%;

  --border: 38 11% 25%;

  --input: 38 11% 25%;
  --input-background: 36 7% 17%;

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

  --chat-input-background: 36 7% 17%;
  --chat-input-border: 38 11% 25%;

  --sidebar-accent: 38 15% 18%;
  --sidebar-accent-foreground: 42 58% 74%;

  --dropdown-menu-icon-background: 36 7% 17%;
  --dropdown-menu-icon-background-hover: 38 18% 28%;

  --dropzone-background: 36 7% 17%;
  --dropzone-border: 38 11% 25%;
  --dropzone-active-overlay: 41 62% 62% / 0.1;

  --empty-section-background: 36 7% 17%;
  --empty-section-foreground: 41 62% 62%;
  --empty-section-border: 38 11% 25%;

  --list-item-background: 36 7% 17%;
  --list-item-foreground: 41 62% 62%;
  --list-item-border: 38 11% 25%;
  --list-item-icon-background: 41 62% 62% / 0.1;

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

  --stepper-steps-background: 36 9% 17%;

  --plan-card-accent: 38 14% 21%;

  --attachment-preview-background: 38 14% 21%;

  --chat-user-message-background: 39 58% 36%;
  --chat-user-message-foreground: 0 0% 100%;
  --chat-user-message-file-type-foreground: 0 0% 100% / 0.8;

  --layout-gap-background: 36 9% 10%;

  --search-input-background: 36 7% 17%;

  --scroll-area-thumb-background: 38 9% 38%;

  --skeleton-background: 36 7% 17%;

  --icon-background: 36 7% 17%;

  --link: 41 66% 66%;

  --highlighted: 40 66% 68%;

  --chart-primary: 41 64% 62%;
  --chart-primary-dark: 39 58% 44%;
  --chart-info: 226 82% 72%;
  --chart-success: 162 62% 52%;
  --chart-warning: 27 92% 62%;
  --chart-destructive: 357 82% 66%;
  --chart-muted: 38 10% 44%;

  --sidebar-icon-fill-1: hsl(41, 62%, 58%);
  --sidebar-icon-fill-2: hsl(42, 55%, 76%);
  --sidebar-icon-fill-3: hsl(39, 58%, 48%);
  --sidebar-icon-fill-4: hsl(37, 60%, 40%);
  --sidebar-icon-fill-1-hover: hsl(41, 68%, 64%);
  --sidebar-icon-fill-2-hover: hsl(42, 60%, 82%);
  --sidebar-icon-fill-3-hover: hsl(39, 62%, 54%);
  --sidebar-icon-fill-4-hover: hsl(37, 64%, 46%);

  --capability-icon-fill-1: hsla(41, 58%, 62%, 0.45);
  --capability-icon-fill-2: hsla(41, 58%, 62%, 0.75);
  --capability-icon-fill-3: hsl(41, 58%, 62%);
  --capability-icon-fill-4: hsl(38, 60%, 48%);
  --capability-icon-fill-5: hsla(41, 58%, 62%, 0.45);
  --capability-icon-fill-disabled: hsl(38, 8%, 58%);

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

  --user-icon-fill-1: hsl(42, 55%, 78%);
  --user-icon-fill-2: hsl(41, 58%, 62%);
  --user-icon-fill-3: hsl(0, 0%, 100%);

  --spinning-loader-fill-1: hsl(41, 58%, 62%);
  --spinning-loader-fill-2: hsl(42, 55%, 88%);
  --spinning-loader-fill-3: hsla(41, 58%, 62%, 0.4);
}