[data-theme="teal"] {
  --color-background: hsl(174 30% 98%);
  --color-foreground: hsl(175 20% 10%);

  --color-card: hsl(0 0% 100%);
  --color-card-foreground: hsl(175 20% 10%);

  --color-popover: hsl(0 0% 100%);
  --color-popover-foreground: hsl(175 20% 10%);

  --color-primary: hsl(173 58% 39%);
  --color-primary-foreground: hsl(0 0% 100%);

  --color-secondary: hsl(174 20% 95%);
  --color-secondary-foreground: hsl(175 20% 10%);

  --color-muted: hsl(174 15% 95%);
  --color-muted-foreground: hsl(175 10% 46%);

  --color-accent: hsl(173 55% 92%);
  --color-accent-foreground: hsl(173 58% 30%);

  --color-destructive: hsl(0 84% 60%);
  --color-destructive-foreground: hsl(0 0% 100%);

  --color-success: hsl(152 60% 42%);
  --color-success-foreground: hsl(0 0% 100%);
  --color-success-light: hsl(152 50% 95%);

  --color-warning: hsl(38 92% 50%);
  --color-warning-foreground: hsl(175 20% 10%);
  --color-warning-light: hsl(38 80% 95%);

  --color-success-text: hsl(152 60% 30%);
  --color-warning-text: hsl(38 70% 35%);

  --color-chart-1: hsl(173 58% 39%);
  --color-chart-2: hsl(262 83% 58%);
  --color-chart-3: hsl(197 37% 24%);
  --color-chart-4: hsl(43 74% 66%);
  --color-chart-5: hsl(27 87% 67%);

  --color-sidebar: hsl(0 0% 100%);
  --color-sidebar-foreground: hsl(175 20% 10%);
  --color-sidebar-primary: hsl(173 58% 39%);
  --color-sidebar-primary-foreground: hsl(0 0% 100%);
  --color-sidebar-accent: hsl(173 55% 92%);
  --color-sidebar-accent-foreground: hsl(173 58% 30%);
  --color-sidebar-border: hsl(174 15% 90%);
  --color-sidebar-ring: hsl(173 58% 39%);

  --color-border: hsl(174 15% 90%);
  --color-input: hsl(174 15% 90%);
  --color-ring: hsl(173 58% 39%);
}

[data-theme="teal"].dark,
[data-theme="teal"] .dark {
  --color-background: hsl(175 20% 6%);
  --color-foreground: hsl(174 30% 95%);

  --color-card: hsl(175 20% 9%);
  --color-card-foreground: hsl(174 30% 95%);

  --color-popover: hsl(175 20% 9%);
  --color-popover-foreground: hsl(174 30% 95%);

  --color-primary: hsl(173 58% 46%);
  --color-primary-foreground: hsl(0 0% 100%);

  --color-secondary: hsl(175 15% 16%);
  --color-secondary-foreground: hsl(174 30% 95%);

  --color-muted: hsl(175 15% 16%);
  --color-muted-foreground: hsl(175 10% 60%);

  --color-accent: hsl(173 40% 15%);
  --color-accent-foreground: hsl(173 58% 65%);

  --color-destructive: hsl(0 84% 60%);
  --color-destructive-foreground: hsl(0 0% 100%);

  --color-success: hsl(152 60% 35%);
  --color-success-foreground: hsl(0 0% 100%);
  --color-success-light: hsl(152 30% 15%);

  --color-warning: hsl(38 80% 45%);
  --color-warning-foreground: hsl(174 30% 95%);
  --color-warning-light: hsl(38 50% 15%);

  --color-success-text: hsl(152 60% 60%);
  --color-warning-text: hsl(38 80% 65%);

  --color-chart-1: hsl(173 58% 46%);
  --color-chart-2: hsl(262 83% 65%);
  --color-chart-3: hsl(197 50% 50%);
  --color-chart-4: hsl(43 74% 66%);
  --color-chart-5: hsl(27 87% 67%);

  --color-sidebar: hsl(175 20% 9%);
  --color-sidebar-foreground: hsl(174 30% 95%);
  --color-sidebar-primary: hsl(173 58% 46%);
  --color-sidebar-primary-foreground: hsl(0 0% 100%);
  --color-sidebar-accent: hsl(173 40% 15%);
  --color-sidebar-accent-foreground: hsl(173 58% 65%);
  --color-sidebar-border: hsl(175 15% 16%);
  --color-sidebar-ring: hsl(173 58% 46%);

  --color-border: hsl(175 15% 16%);
  --color-input: hsl(175 15% 16%);
  --color-ring: hsl(173 58% 46%);
}