:root {
  /*
   * Theme Tokens
   */

  /* Primary */
  --sl-color-primary-0: hsl(178, 42%, 12%);
  --sl-color-primary-50: hsl(174, 56%, 14%);
  --sl-color-primary-100: hsl(174, 61%, 19%);
  --sl-color-primary-200: hsl(174, 69%, 22%);
  --sl-color-primary-300: hsl(172, 77%, 26%);
  --sl-color-primary-400: hsl(172, 84%, 32%);
  --sl-color-primary-500: hsl(171, 80%, 40%);
  --sl-color-primary-600: hsl(170, 66%, 50%);
  --sl-color-primary-700: hsl(169, 77%, 64%);
  --sl-color-primary-800: hsl(168, 84%, 78%);
  --sl-color-primary-900: hsl(167, 85%, 89%);
  --sl-color-primary-950: hsl(166, 76%, 97%);

  /* Secondary */
  --sl-color-secondary-0: hsl(333, 53%, 17%);
  --sl-color-secondary-50: hsl(336, 69%, 23%);
  --sl-color-secondary-100: hsl(336, 69%, 30%);
  --sl-color-secondary-200: hsl(336, 74%, 35%);
  --sl-color-secondary-300: hsl(335, 78%, 42%);
  --sl-color-secondary-400: hsl(333, 71%, 51%);
  --sl-color-secondary-500: hsl(330, 81%, 60%);
  --sl-color-secondary-600: hsl(329, 86%, 70%);
  --sl-color-secondary-700: hsl(327, 87%, 82%);
  --sl-color-secondary-800: hsl(326, 85%, 90%);
  --sl-color-secondary-900: hsl(326, 78%, 95%);
  --sl-color-secondary-950: hsl(327, 73%, 97%);

  /* Tertiary */
  --sl-color-tertiary-0: hsl(15, 45%, 16%);
  --sl-color-tertiary-50: hsl(14, 61%, 21%);
  --sl-color-tertiary-100: hsl(14, 60%, 29%);
  --sl-color-tertiary-200: hsl(14, 68%, 36%);
  --sl-color-tertiary-300: hsl(14, 75%, 44%);
  --sl-color-tertiary-400: hsl(14, 82%, 55%);
  --sl-color-tertiary-500: hsl(14, 94%, 62%);
  --sl-color-tertiary-600: hsl(14, 95%, 70%);
  --sl-color-tertiary-700: hsl(14, 96%, 79%);
  --sl-color-tertiary-800: hsl(14, 97%, 87%);
  --sl-color-tertiary-900: hsl(15, 100%, 94%);
  --sl-color-tertiary-950: hsl(13, 100%, 96%);

  /* Quaternary */
  --sl-color-quaternary-0: hsl(263, 56%, 19%);
  --sl-color-quaternary-50: hsl(264, 67%, 25%);
  --sl-color-quaternary-100: hsl(264, 67%, 35%);
  --sl-color-quaternary-200: hsl(263, 69%, 42%);
  --sl-color-quaternary-300: hsl(263, 70%, 50%);
  --sl-color-quaternary-400: hsl(262, 83%, 58%);
  --sl-color-quaternary-500: hsl(258, 90%, 66%);
  --sl-color-quaternary-600: hsl(255, 92%, 76%);
  --sl-color-quaternary-700: hsl(252, 95%, 85%);
  --sl-color-quaternary-800: hsl(251, 95%, 92%);
  --sl-color-quaternary-900: hsl(251, 91%, 95%);
  --sl-color-quaternary-950: hsl(250, 100%, 98%);

  /* Info */
  --sl-color-info-50: var(--sl-color-sky-50);
  --sl-color-info-100: var(--sl-color-sky-100);
  --sl-color-info-200: var(--sl-color-sky-200);
  --sl-color-info-300: var(--sl-color-sky-300);
  --sl-color-info-400: var(--sl-color-sky-400);
  --sl-color-info-500: var(--sl-color-sky-500);
  --sl-color-info-600: var(--sl-color-sky-600);
  --sl-color-info-700: var(--sl-color-sky-700);
  --sl-color-info-800: var(--sl-color-sky-800);
  --sl-color-info-900: var(--sl-color-sky-900);
  --sl-color-info-950: var(--sl-color-sky-950);

  /* Positive / Success */
  --sl-color-success-50: var(--sl-color-green-50);
  --sl-color-success-100: var(--sl-color-green-100);
  --sl-color-success-200: var(--sl-color-green-200);
  --sl-color-success-300: var(--sl-color-green-300);
  --sl-color-success-400: var(--sl-color-green-400);
  --sl-color-success-500: var(--sl-color-green-500);
  --sl-color-success-600: var(--sl-color-green-600);
  --sl-color-success-700: var(--sl-color-green-700);
  --sl-color-success-800: var(--sl-color-green-800);
  --sl-color-success-900: var(--sl-color-green-900);
  --sl-color-success-950: var(--sl-color-green-950);

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

  /* Negative / Danger */
  --sl-color-danger-0: hsl(358, 48%, 16%);
  --sl-color-danger-50: hsl(0, 63%, 21%);
  --sl-color-danger-100: hsl(0, 63%, 31%);
  --sl-color-danger-200: hsl(0, 70%, 35%);
  --sl-color-danger-300: hsl(0, 74%, 42%);
  --sl-color-danger-400: hsl(0, 72%, 51%);
  --sl-color-danger-500: hsl(0, 84%, 60%);
  --sl-color-danger-600: hsl(0, 91%, 71%);
  --sl-color-danger-700: hsl(0, 94%, 82%);
  --sl-color-danger-800: hsl(0, 96%, 89%);
  --sl-color-danger-900: hsl(0, 93%, 94%);
  --sl-color-danger-950: hsl(0, 86%, 97%);

  /* Neutral */
  --sl-color-neutral-25: hsl(216, 15%, 13%);
  --sl-color-neutral-50: hsl(216, 12%, 16%);
  --sl-color-neutral-100: hsl(218, 11%, 19%);
  --sl-color-neutral-200: hsl(218, 10%, 22%);
  --sl-color-neutral-300: hsl(220, 10%, 24%);
  --sl-color-neutral-400: hsl(222, 7%, 34%);
  --sl-color-neutral-500: hsl(227, 6%, 46%);
  --sl-color-neutral-600: hsl(224, 9%, 66%);
  --sl-color-neutral-700: hsl(229, 15%, 85%);
  --sl-color-neutral-800: hsl(233, 13%, 88%);
  --sl-color-neutral-900: hsl(230, 13%, 91%);
  --sl-color-neutral-950: hsl(225, 15%, 95%);

  /* Neutral one-offs */
  --sl-color-neutral-0: hsl(210, 19%, 10%);
  --sl-color-neutral-1000: hsl(0, 0%, 100%);
}