:root {
  --hsl-indigo-50: 262, 61%, 93%;
  --hsl-indigo-100: 261, 68%, 84%;
  --hsl-indigo-200: 261, 54%, 68%;
  --hsl-indigo-300: 261, 47%, 58%;
  --hsl-indigo-400: 262, 43%, 51%;
  --hsl-indigo-500: 262, 48%, 46%;
  --hsl-indigo-600: 262, 60%, 38%;
  --hsl-indigo-700: 262, 69%, 31%;
  --hsl-indigo-800: 262, 72%, 25%;
  --hsl-indigo-900: 263, 85%, 18%;
  --hsl-yellow-50: 45, 100%, 96%;
  --hsl-yellow-100: 45, 90%, 88%;
  --hsl-yellow-200: 45, 86%, 81%;
  --hsl-yellow-300: 43, 90%, 76%;
  --hsl-yellow-400: 43, 89%, 70%;
  --hsl-yellow-500: 42, 78%, 60%;
  --hsl-yellow-600: 42, 63%, 48%;
  --hsl-yellow-700: 43, 72%, 37%;
  --hsl-yellow-800: 43, 77%, 27%;
  --hsl-yellow-900: 43, 86%, 17%;
  --hsl-red-50: 360, 100%, 97%;
  --hsl-red-100: 360, 82%, 89%;
  --hsl-red-200: 360, 77%, 78%;
  --hsl-red-300: 360, 71%, 66%;
  --hsl-red-400: 360, 64%, 55%;
  --hsl-red-500: 360, 67%, 44%;
  --hsl-red-600: 360, 72%, 38%;
  --hsl-red-700: 360, 79%, 32%;
  --hsl-red-800: 360, 85%, 25%;
  --hsl-red-900: 360, 92%, 20%;
  --hsl-green-50: 125, 65%, 93%;
  --hsl-green-100: 126, 49%, 84%;
  --hsl-green-200: 122, 42%, 75%;
  --hsl-green-300: 123, 38%, 63%;
  --hsl-green-400: 123, 35%, 51%;
  --hsl-green-500: 122, 39%, 41%;
  --hsl-green-600: 122, 47%, 35%;
  --hsl-green-700: 125, 56%, 29%;
  --hsl-green-800: 125, 73%, 20%;
  --hsl-green-900: 125, 86%, 14%;
  --hsl-gray-50: 0, 0%, 97%;
  --hsl-gray-100: 0, 0%, 88%;
  --hsl-gray-200: 0, 0%, 81%;
  --hsl-gray-300: 0, 0%, 69%;
  --hsl-gray-400: 0, 0%, 62%;
  --hsl-gray-500: 0, 0%, 49%;
  --hsl-gray-600: 0, 0%, 38%;
  --hsl-gray-700: 0, 0%, 32%;
  --hsl-gray-800: 0, 0%, 23%;
  --hsl-gray-900: 0, 0%, 13%;










  --hsl-primary: var(--hsl-green-500);
  --hsl-primary-50: var(--hsl-green-50);
  --hsl-primary-100: var(--hsl-green-100);
  --hsl-primary-200: var(--hsl-green-200);
  --hsl-primary-300: var(--hsl-green-300);
  --hsl-primary-400: var(--hsl-green-400);
  --hsl-primary-500: var(--hsl-green-500);
  --hsl-primary-600: var(--hsl-green-600);
  --hsl-primary-700: var(--hsl-green-700);
  --hsl-primary-800: var(--hsl-green-800);
  --hsl-primary-900: var(--hsl-green-900);
  --hsl-secondary: var(--hsl-indigo-500);
  --hsl-secondary-50: var(--hsl-indigo-50);
  --hsl-secondary-100: var(--hsl-indigo-100);
  --hsl-secondary-200: var(--hsl-indigo-200);
  --hsl-secondary-300: var(--hsl-indigo-300);
  --hsl-secondary-400: var(--hsl-indigo-400);
  --hsl-secondary-500: var(--hsl-indigo-500);
  --hsl-secondary-600: var(--hsl-indigo-600);
  --hsl-secondary-700: var(--hsl-indigo-700);
  --hsl-secondary-800: var(--hsl-indigo-800);
  --hsl-secondary-900: var(--hsl-indigo-900);
}