Color Palette

:root {
  --color-1: #FFFFFF;
  --color-1-rgb: 255, 255, 255;
  --color-1-hsl: 0, 0%, 100%;
  --color-2: #F8FAFC;
  --color-2-rgb: 248, 250, 252;
  --color-2-hsl: 210, 40%, 98%;
  --color-3: #F1F5F9;
  --color-3-rgb: 241, 245, 249;
  --color-3-hsl: 210, 40%, 96%;
  --color-4: #3B82F6;
  --color-4-rgb: 59, 130, 246;
  --color-4-hsl: 217, 91%, 60%;
  --color-5: #1D4ED8;
  --color-5-rgb: 29, 78, 216;
  --color-5-hsl: 224, 76%, 48%;
}