$fz-base: 16px;
$fz-giant: 36px;
$fz-xxxl: 28px;
$fz-xxl: 24px;
$fz-xl: 20px;
$fz-l: 18px;
$fz-m: 16px;
$fz-s: 14px;
$fz-xs: 12px;
$fz-xxs: 10px;

$fz-h1: $fz-giant;
$fz-h2: $fz-xxxl;
$fz-h3: $fz-xxl;
$fz-h4: $fz-xl;
$fz-h5: $fz-l;
$fz-body: $fz-m;

$fw-light: 300;
$fw-regular: 400;
$fw-semi-bold: 500;
$fw-bold: 600;
$fw-bolder: 700;

$lh-giant: $fz-giant * 1.2;
$lh-xxxl: $fz-xxxl * 1.2;
$lh-xxl: $fz-xxl * 1.2;
$lh-xl: $fz-xl * 1.2;
$lh-l: $fz-l * 1.2;
$lh-m: $fz-m * 1.3;
$lh-s: $fz-s * 1.3;
$lh-xs: $fz-xs * 1.2;
$lh-xxs: $fz-xxs * 1.2;