$colorWhite: #ffffff;
$colorBlack: #000000;
$colorHeadline: #8D633F;
$colorBase: #989797;
$colorLightBlue: #B7D8DD;
$colorGrey: #A6A6A6;
$basicShaddow:0px 0px 10px rgb(0 0 0 / 11%);

$fontFamily: 'Grold Rounded Slim';
$fontSizeBase: clamp(16px, calc(16px + (20 - 16) * (100vw - 480px) / (1920 - 480)), 20px);
$lineHeightBase: clamp(22px, calc(22px + (26 - 22) * (100vw - 480px) / (1920 - 480)), 22px);

$fontSize20: clamp(16px, calc(16px + (20 - 16) * (100vw - 480px) / (1920 - 480)), 20px);
$lineHeight20: clamp(16px, calc(16px + (20 - 16) * (100vw - 480px) / (1920 - 480)), 20px);
$fontSize22: clamp(16px, calc(16px + (22 - 16) * (100vw - 480px) / (1920 - 480)), 22px);
$lineHeight22: clamp(16px, calc(16px + (22 - 16) * (100vw - 480px) / (1920 - 480)), 22px);
$fontSize24: clamp(16px, calc(16px + (24 - 16) * (100vw - 480px) / (1920 - 480)), 24px);
$lineHeight24: clamp(16px, calc(16px + (24 - 16) * (100vw - 480px) / (1920 - 480)), 24px);
$fontSize32: clamp(16px, calc(16px + (32 - 16) * (100vw - 480px) / (1920 - 480)), 32px);
$lineHeight32: clamp(16px, calc(16px + (32 - 16) * (100vw - 480px) / (1920 - 480)), 32px);
$fontSize36: clamp(16px, calc(16px + (36 - 16) * (100vw - 480px) / (1920 - 480)), 36px);
$lineHeight40: clamp(16px, calc(16px + (40 - 16) * (100vw - 480px) / (1920 - 480)), 40px);
$fontSize44: clamp(16px, calc(16px + (42 - 16) * (100vw - 480px) / (1920 - 480)), 42px);
$lineHeight48: clamp(16px, calc(16px + (48 - 16) * (100vw - 480px) / (1920 - 480)), 48px);

$fontSize72: clamp(16px, calc(16px + (72 - 16) * (100vw - 480px) / (1920 - 480)), 72px);
$lineHeight76: clamp(16px, calc(16px + (76 - 16) * (100vw - 480px) / (1920 - 480)), 76px);