:root,
:host,
.sl-theme-light {
  color-scheme: light;
  --sl-color-primary-50: #e1fcef;
  --sl-color-primary-100: #bdead7;
  --sl-color-primary-200: #a4d4bf;
  --sl-color-primary-300: #61ba99;
  --sl-color-primary-400: #02ab8b;
  --sl-color-primary-500: #007a62;
  --sl-color-primary-600: #3ab291;
  --sl-color-primary-700: #61ba99;
  --sl-color-primary-800: #00aa88;
  --sl-color-primary-900: #007a62;
  --sl-color-primary-950: #3e5256;

  --sl-color-success-50: #f1f8f8;
  --sl-color-success-100: #ebf5f5;
  --sl-color-success-200: #c8e6de;
  --sl-color-success-300: #bddad2;
  --sl-color-success-400: #b5d5cd;
  --sl-color-success-500: #bbc9c9;
  --sl-color-success-600: #68948e;
  --sl-color-success-700: #6b938d;
  --sl-color-success-800: #599491;
  --sl-color-success-900: #4e8582;
  --sl-color-success-950: #3e5256;

  --sl-color-warning-50: var(--sl-color-amber-50);
  --sl-color-warning-100: var(--sl-color-amber-100);
  --sl-color-warning-200: var(--sl-color-amber-200);
  --sl-color-warning-300: var(--sl-color-amber-300);
  --sl-color-warning-400: var(--sl-color-amber-400);
  --sl-color-warning-500: var(--sl-color-amber-500);
  --sl-color-warning-600: var(--sl-color-amber-600);
  --sl-color-warning-700: var(--sl-color-amber-700);
  --sl-color-warning-800: var(--sl-color-amber-800);
  --sl-color-warning-900: var(--sl-color-amber-900);
  --sl-color-warning-950: var(--sl-color-amber-950);

  --sl-color-danger-50: var(--sl-color-red-50);
  --sl-color-danger-100: var(--sl-color-red-100);
  --sl-color-danger-200: var(--sl-color-red-200);
  --sl-color-danger-300: var(--sl-color-red-300);
  --sl-color-danger-400: var(--sl-color-red-400);
  --sl-color-danger-500: var(--sl-color-red-500);
  --sl-color-danger-600: var(--sl-color-red-600);
  --sl-color-danger-700: var(--sl-color-red-700);
  --sl-color-danger-800: var(--sl-color-red-800);
  --sl-color-danger-900: var(--sl-color-red-900);
  --sl-color-danger-950: var(--sl-color-red-950);

  --sl-color-neutral-50: var(--sl-color-gray-50);
  --sl-color-neutral-100: var(--sl-color-gray-100);
  --sl-color-neutral-200: var(--sl-color-gray-200);
  --sl-color-neutral-300: var(--sl-color-gray-300);
  --sl-color-neutral-400: var(--sl-color-gray-400);
  --sl-color-neutral-500: var(--sl-color-gray-500);
  --sl-color-neutral-600: var(--sl-color-gray-600);
  --sl-color-neutral-700: var(--sl-color-gray-700);
  --sl-color-neutral-800: var(--sl-color-gray-800);
  --sl-color-neutral-900: var(--sl-color-gray-900);
  --sl-color-neutral-950: var(--sl-color-gray-950);

  --sl-color-neutral-0: hsl(0, 0%, 100%);
  --sl-color-neutral-1000: hsl(0, 0%, 0%);
}