$colorPrimary: hsl(120, 21%, 41%);

$colorTextLight1: hsl(120, 40%, 8%);
$colorTextLight2: hsl(120, 5%, 45%);

$colorSurfaceLight1: hsl(120, 25%, 97%);
$colorSurfaceLight2: hsl(120, 20%, 95%);
$colorSurfaceLight3: hsl(120, 20%, 92%);
$colorSurfaceLight4: hsl(120, 20%, 85%);

$colorBorderLight1: hsl(120, 20%, 80%);
$colorBorderLight2: hsl(120, 20%, 70%);
$colorBorderLight3: hsl(120, 20%, 60%);
$colorBorderLight4: hsl(120, 20%, 50%);

$colorTextDark1: hsl(120, 15%, 85%);
$colorTextDark2: hsl(120, 5%, 65%);

$colorSurfaceDark1: hsl(120, 5%, 10%);
$colorSurfaceDark2: hsl(120, 10%, 15%);
$colorSurfaceDark3: hsl(120, 5%, 20%);
$colorSurfaceDark4: hsl(120, 5%, 25%);

$colorBorderDark1: hsl(120, 5%, 30%);
$colorBorderDark2: hsl(120, 5%, 40%);
$colorBorderDark3: hsl(120, 5%, 50%);
$colorBorderDark4: hsl(120, 5%, 60%);