body{
  --color-accent1: rgba(29, 66, 138, 1);
  --color-accent2: rgba(0, 195, 137, 1);
  --color-accent3: rgba(194, 194, 194, 1);
  --color-black: rgba(37, 55, 70, 1);
  --color-danger: rgba(219, 69, 36, 1);
  --color-dark: rgba(20, 37, 61, 1);
  --color-info: rgba(71, 73, 117, 1);
  --color-light: rgba(228, 228, 226, 1);
  --color-medium: rgba(15, 59, 132, 1);
  --color-primary: rgba(20, 27, 77, 1);
  --color-secondary: rgba(167, 164, 224, 1);
  --color-success: rgba(0, 195, 137, 1);
  --color-warning: rgba(226, 143, 10, 1);
  --color-white: #fff;
  --icon-size-iconLarge: 3rem;
  --icon-size-iconMedium: 2.25rem;
  --icon-size-iconSmall: 1.5rem;
  --icon-size-iconXLarge: 3.9375rem;
  --border-size-large: 0.25rem;
  --border-size-medium: 0.125rem;
  --border-size-small: 0.0625rem;
  --border-size-xLarge: 0.5rem;
  --border-radius-large: 0.25rem;
  --border-radius-medium: 0.125rem;
  --border-radius-small: 0.0625rem;
  --border-radius-xLarge: 0.5rem;
  --spacing-large: 1rem;
  --spacing-medium: 0.5rem;
  --spacing-small: 0.25rem;
  --spacing-xLarge: 1.5rem;
  --text-fontSize-body1: 1rem;
  --text-fontSize-body2: 0.625rem;
  --text-fontSize-button: 0.875rem;
  --text-fontSize-title1: 3.75rem;
  --text-fontSize-title2: 1.5rem;
  --text-fontSize-title3: 1.125rem;
  --text-fontSize-title4: 0.875rem;
  --text-fontSize-title5: 0.75rem;
  --text-fontSize-title6: 0.625rem;
  --text-color-body1: rgba(20, 27, 77, 1);
  --text-fontFamily-body1: Gilroy-Regular;
  --text-textTransform-body1: inherit;
  --text-fontWeight-body1: 400;
  --text-letterSpacing-body1: 1.2normal;
  --text-fontStyle-body1: null;
  --text-color-body2: rgba(20, 27, 77, 1);
  --text-fontFamily-body2: Gilroy-Regular;
  --text-textTransform-body2: inherit;
  --text-fontWeight-body2: 400;
  --text-letterSpacing-body2: 1.2px;
  --text-fontStyle-body2: null;
  --text-color-button: #ffffff;
  --text-fontFamily-button: Roboto, sans-serif;
  --text-textTransform-button: uppercase;
  --text-fontWeight-button: 500;
  --text-letterSpacing-button: normal;
  --text-fontStyle-button: null;
  --text-color-title1: rgba(20, 27, 77, 1);
  --text-fontFamily-title1: Gilroy-Bold;
  --text-textTransform-title1: inherit;
  --text-fontWeight-title1: 500;
  --text-letterSpacing-title1: 1normal;
  --text-fontStyle-title1: normal;
  --text-color-title2: rgba(20, 27, 77, 1);
  --text-fontFamily-title2: Gilroy-Bold;
  --text-textTransform-title2: inherit;
  --text-fontWeight-title2: 500;
  --text-letterSpacing-title2: normal;
  --text-fontStyle-title2: null;
  --text-color-title3: rgba(20, 27, 77, 1);
  --text-fontFamily-title3: Gilroy-SemiBold;
  --text-textTransform-title3: inherit;
  --text-fontWeight-title3: 500;
  --text-letterSpacing-title3: 0.6px;
  --text-fontStyle-title3: null;
  --text-color-title4: rgba(20, 27, 77, 1);
  --text-fontFamily-title4: Gilroy-SemiBold;
  --text-textTransform-title4: inherit;
  --text-fontWeight-title4: 500;
  --text-letterSpacing-title4: normal;
  --text-fontStyle-title4: null;
  --text-color-title5: rgba(141, 142, 166, 1);
  --text-fontFamily-title5: Gilroy-Regular;
  --text-textTransform-title5: uppercase;
  --text-fontWeight-title5: 500;
  --text-letterSpacing-title5: normal;
  --text-fontStyle-title5: null;
  --text-color-title6: rgba(20, 27, 77, 1);
  --text-fontFamily-title6: Gilroy-Regular;
  --text-textTransform-title6: inherit;
  --text-fontWeight-title6: 500;
  --text-letterSpacing-title6: 3px;
  --text-fontStyle-title6: null;
}
@media (min-width: 600px) {
 body{
   --spacing-large: 1rem;
   --spacing-medium: 0.5rem;
   --spacing-small: 0.25rem;
   --spacing-xLarge: 1.5rem;
   --text-fontSize-body1: 1rem;
   --text-fontSize-body2: 0.625rem;
   --text-fontSize-button: 0.875rem;
   --text-fontSize-title1: 6.25rem;
   --text-fontSize-title2: 2.5rem;
   --text-fontSize-title3: 1.375rem;
   --text-fontSize-title4: 1.125rem;
   --text-fontSize-title5: 0.75rem;
   --text-fontSize-title6: 0.75rem;
 }
}
@media (min-width: 960px) {
 body{
   --spacing-large: 1.5rem;
   --spacing-medium: 1rem;
   --spacing-small: 0.5rem;
   --spacing-xLarge: 2rem;
   --text-fontSize-body1: 1rem;
   --text-fontSize-body2: 0.625rem;
   --text-fontSize-button: 0.875rem;
   --text-fontSize-title1: 6.25rem;
   --text-fontSize-title2: 3.125rem;
   --text-fontSize-title3: 1.375rem;
   --text-fontSize-title4: 1.125rem;
   --text-fontSize-title5: 0.75rem;
   --text-fontSize-title6: 0.75rem;
 }
}
@media (min-width: 1200px) {
 body{
   --spacing-large: 1.5rem;
   --spacing-medium: 1rem;
   --spacing-small: 0.5rem;
   --spacing-xLarge: 2rem;
   --text-fontSize-body1: 1rem;
   --text-fontSize-body2: 0.625rem;
   --text-fontSize-button: 0.875rem;
   --text-fontSize-title1: 6.25rem;
   --text-fontSize-title2: 3.75rem;
   --text-fontSize-title3: 2.5rem;
   --text-fontSize-title4: 1.125rem;
   --text-fontSize-title5: 0.75rem;
   --text-fontSize-title6: 0.75rem;
 }
}