[data-theme="blue"] {
  --color-background: hsl(210 40% 98%);
  --color-foreground: hsl(222 47% 11%);

  --color-card: hsl(0 0% 100%);
  --color-card-foreground: hsl(222 47% 11%);

  --color-popover: hsl(0 0% 100%);
  --color-popover-foreground: hsl(222 47% 11%);

  --color-primary: hsl(221 83% 53%);
  --color-primary-foreground: hsl(0 0% 100%);

  --color-secondary: hsl(210 40% 96%);
  --color-secondary-foreground: hsl(222 47% 11%);

  --color-muted: hsl(210 40% 96%);
  --color-muted-foreground: hsl(215 16% 47%);

  --color-accent: hsl(221 83% 95%);
  --color-accent-foreground: hsl(221 83% 45%);

  --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(222 47% 11%);
  --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(221 83% 53%);
  --color-chart-2: hsl(173 58% 39%);
  --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(222 47% 11%);
  --color-sidebar-primary: hsl(221 83% 53%);
  --color-sidebar-primary-foreground: hsl(0 0% 100%);
  --color-sidebar-accent: hsl(221 83% 95%);
  --color-sidebar-accent-foreground: hsl(221 83% 45%);
  --color-sidebar-border: hsl(214 32% 91%);
  --color-sidebar-ring: hsl(221 83% 53%);

  --color-border: hsl(214 32% 91%);
  --color-input: hsl(214 32% 91%);
  --color-ring: hsl(221 83% 53%);
}

[data-theme="blue"].dark,
[data-theme="blue"] .dark {
  --color-background: hsl(222 47% 6%);
  --color-foreground: hsl(210 40% 98%);

  --color-card: hsl(222 47% 9%);
  --color-card-foreground: hsl(210 40% 98%);

  --color-popover: hsl(222 47% 9%);
  --color-popover-foreground: hsl(210 40% 98%);

  --color-primary: hsl(217 91% 60%);
  --color-primary-foreground: hsl(0 0% 100%);

  --color-secondary: hsl(222 30% 16%);
  --color-secondary-foreground: hsl(210 40% 98%);

  --color-muted: hsl(222 30% 16%);
  --color-muted-foreground: hsl(215 20% 60%);

  --color-accent: hsl(217 60% 15%);
  --color-accent-foreground: hsl(217 91% 70%);

  --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(210 40% 98%);
  --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(217 91% 60%);
  --color-chart-2: hsl(173 58% 45%);
  --color-chart-3: hsl(197 50% 50%);
  --color-chart-4: hsl(43 74% 66%);
  --color-chart-5: hsl(27 87% 67%);

  --color-sidebar: hsl(222 47% 9%);
  --color-sidebar-foreground: hsl(210 40% 98%);
  --color-sidebar-primary: hsl(217 91% 60%);
  --color-sidebar-primary-foreground: hsl(0 0% 100%);
  --color-sidebar-accent: hsl(217 60% 15%);
  --color-sidebar-accent-foreground: hsl(217 91% 70%);
  --color-sidebar-border: hsl(222 30% 16%);
  --color-sidebar-ring: hsl(217 91% 60%);

  --color-border: hsl(222 30% 16%);
  --color-input: hsl(222 30% 16%);
  --color-ring: hsl(217 91% 60%);
}