$lighter-blue: #2b397a;
$light-blue: #25419d;
$darker-blue: #0f2571;
$gray: #9b9b9b;
$light-gray: #b5b5b5;
$white: #f8f8f8;

$semi-transparent-gray: rgba(0, 0, 0, 0.5);
$darker-transparent-gray: rgba(0, 0, 0, 0.07);
$lighter-transparent-gray: rgba(0, 0, 0, 0.05);

$body-background: #425db6;

$lighter-blue: hsl(229, 48%, 32%);
$light-blue: hsl(226, 62%, 38%);
$darker-blue: hsl(227, 77%, 25%);
$gray: hsl(0, 0%, 61%);
$light-gray: hsl(0, 0%, 71%);
$white: hsl(0, 0%, 97%);

$semi-transparent-gray: rgba(0, 0, 0, 0.5);
$darker-transparent-gray: rgba(0, 0, 0, 0.07);
$lighter-transparent-gray: rgba(0, 0, 0, 0.05);

$body-background: hsl(226, 47%, 49%);

Convert colors to HSL for better understandability
Convert colors to HSL for better understandability
