Color Palette

:root {
  --color-1: #0F172A;
  --color-1-rgb: 15, 23, 42;
  --color-1-hsl: 222, 47%, 11%;
  --color-2: #1E293B;
  --color-2-rgb: 30, 41, 59;
  --color-2-hsl: 217, 33%, 17%;
  --color-3: #334155;
  --color-3-rgb: 51, 65, 85;
  --color-3-hsl: 215, 25%, 27%;
  --color-4: #38BDF8;
  --color-4-rgb: 56, 189, 248;
  --color-4-hsl: 198, 93%, 60%;
  --color-5: #F1F5F9;
  --color-5-rgb: 241, 245, 249;
  --color-5-hsl: 210, 40%, 96%;
}