// Colors
$color-white: #fff;
$color-grey: #edf0fb;
$color-dark-blue: #081235;
$color-bright-blue: #1b31ff;
$color-light-grey: #f3f6ff;
$color-dark-grey: #6b7186;
$color-orange: #f07c27;
$color-light-orange: #ffb266;
$color-darker-blue: #141e3f;
$color-purple: #9677eb;
$color-lime: #bafc84;
$color-medium-grey: #cfd3e1;

// Break Points
$screen-xxlg: 1600px;
$screen-xlg: 1366px;
$screen-lg: 1200px;
$screen-xmd: 1024px;
$screen-md: 950px;
$screen-sm: 768px;
$screen-xs: 550px;
$screen-xxs: 475px;

$screen-height-sm: 720px;
$screen-height-xs: 500px;

// Grid
$gutter: 64px;
$mobile-gutter: 24px;

// Column System
$max-width: 100%;

$column-number-mobile: 4;
$column-number-desktop: 12;

$column-gutter-mobile: $mobile-gutter;
$column-gutter-desktop: 24px;

// Typography
$font-size-base: 62.5%;
$font-size-base-large: 24px;
$font-size-base-medium: 20px;
$font-size-base-normal: 16px;
$font-alternative: 'GT Planar VF', 'Helvetica', 'sans-serif', cursive;
$font-heading: $font-alternative;
$font-body: 'Inter', 'sans-serif';
$font-body-weight: 300;
$font-body-style: normal;
$font-body-size: 2.4rem;
$font-body-line-height: 150%;
$font-body-color: $color-dark-blue;
$font-slnt-30-positive: 'slnt' 30;
$font-slnt-30-negative: 'slnt' -30;
$font-slnt-normal: 'slnt' 0;

:root {
  --font-slnt-normal: 0;
  --font-slnt-30-positive: 30;
}

// Font-Sizes
$font-size-h1: 13.6rem;
$font-size-h1-desktop-medium: 8rem;
$font-size-h1-mobile: 5.2rem;
$line-height-h1: 100%;

$font-size-h2: 9.6rem;
$font-size-h2-desktop-medium: 6.5rem;
$font-size-h2-mobile: 4.4rem;
$line-height-h2: 110%;

$font-size-h3: 6.7rem;
$font-size-h3-desktop-medium: 5.7rem;
$font-size-h3-mobile: 3.6rem;
$line-height-h3: 110%;

$font-size-h4: 4.7rem;
$font-size-h4-desktop-medium: 3.9rem;
$font-size-h4-mobile: 3.0rem;
$line-height-h4: 120%;

$font-size-h5: 3.4rem;
$font-size-h5-mobile: 2.4rem;
$line-height-h5: 140%;

$font-size-h6: 2.4rem;
$line-height-h6: 130%;

$font-size-p: 2.4rem;
$line-height-p: 150%;
$font-size-p-mobile: 1.8rem;

$font-size-text-large: 3.4rem;
$font-size-text-large-mobile: 2.4rem;


// Font-Weight
$font-weight-bold: 700;
$font-weight-medium: 500;
$font-weight-normal: 400;
$font-weight-light: 300;


$default-transition: 250ms ease-in-out;