Color Palette

:root {
  --color-1: #18181B;
  --color-1-rgb: 24, 24, 27;
  --color-1-hsl: 240, 6%, 10%;
  --color-2: #27272A;
  --color-2-rgb: 39, 39, 42;
  --color-2-hsl: 240, 4%, 16%;
  --color-3: #3F3F46;
  --color-3-rgb: 63, 63, 70;
  --color-3-hsl: 240, 5%, 26%;
  --color-4: #7C3AED;
  --color-4-rgb: 124, 58, 237;
  --color-4-hsl: 262, 83%, 58%;
  --color-5: #F4F4F5;
  --color-5-rgb: 244, 244, 245;
  --color-5-hsl: 240, 5%, 96%;
}