Color Palette

:root {
  --color-1: #1E40AF;
  --color-1-rgb: 30, 64, 175;
  --color-1-hsl: 226, 71%, 40%;
  --color-2: #2563EB;
  --color-2-rgb: 37, 99, 235;
  --color-2-hsl: 221, 83%, 53%;
  --color-3: #3B82F6;
  --color-3-rgb: 59, 130, 246;
  --color-3-hsl: 217, 91%, 60%;
  --color-4: #60A5FA;
  --color-4-rgb: 96, 165, 250;
  --color-4-hsl: 213, 94%, 68%;
  --color-5: #DBEAFE;
  --color-5-rgb: 219, 234, 254;
  --color-5-hsl: 214, 95%, 93%;
}