:root{
  --primary-500: hsl(223, 20%, 53%);
  --primary-800: hsl(224, 22%, 31%);
  --primary-900: hsl(222, 26%, 22%);

  --secondary-50: hsl(354, 76%, 95%);
  --secondary-100: hsla(355, 75%, 87%, 0.2);
  --secondary-500: hsl(5, 71%,49%);
  --secondary-800: hsl(0, 75%,38%);
  --secondary-900: hsl(359, 88%, 33%);

  --gray-50: hsl(0, 0%, 96%);
  --gray-100: hsl(0, 0%, 91%);
  --gray-200: hsl(0, 0%, 85%);
  --gray-300: hsl(0, 0%, 77%);
  --gray-400: hsl(0, 0%, 62%);
  --gray-500: hsl(0, 0%, 48%);
  --gray-600: hsl(0, 0%, 33%);

  --black-900: hsl(0, 0%, 0%);

  --blue-50: hsl(209, 93%, 94%);
  --blue-100: hsl(211, 94%, 86%);
  --blue-500: hsl(213, 98%, 64%);
  --blue-800: hsl(221, 63%, 47%);
  --blue-900: hsl(230, 61%, 40%);

  --green-50: hsl(87, 62%, 94%);
  --green-100: hsl(86, 58%, 84%);
  --green-600: hsl(85, 100%, 36%);

  --red-100: hsl(349, 89%, 86%);
  --red-200: hsl(349, 86%, 77%);
  --red-500: hsl(351, 79%, 56%);
  --red-600: hsl(349, 68%, 52%);

  --yellow-100: hsl(44, 100%, 85%);
  --yellow-500: hsl(44, 100%, 50%);

  --brown-700: hsl(14, 26%, 29%);
}