variables.scss

$max-width: 1100px;
$resp-max-width: 910px;

$font-size: 17px;
$small-font-size: 14px;
$big-font-size: 20px;

$padding-std: 8px;
$padding-small: calc($padding-std / 2.1);
$padding-big: 3 * $padding-std;
$line-height-std: 1.4;
$border-std: 1px;

$margin-std: 90px;
$margin-small: $margin-std * 0.7;
$margin-big: 2 * $margin-std;
$resp-margin-std: 10%;

$box-size: calc($max-width / 3) - $margin-std;

$color-strong: hsl(221, 81%, 30%); //#0f368a
$color-fade: hsl(221, 81%, 95%); //#e8eefd
$color-focus: hsl(39, 100%, 60%); //#ffb833
$color-std: Black; //#000000
$color-green: hsl(105, 53%, 90%); //#dff3d8
$color-red: hsl(0, 53%, 80%); //#e7b1b1
$color-orange: hsl(31, 53%, 90%); //#f3e6d8
$color-blue: hsl(221, 81%, 90%); //#d1defa
$color-grey: hsl(0, 0%, 90%); //#e6e6e6
$color-transparent: rgba(231, 237, 241, 0.9); //=color-fade + transparency