:root {

  /* colors from design */
  --color_deep-azure-rgb: 15, 48, 73;
  --color_deep-azure: rgb(var(--color_deep-azure-rgb));

  --color_sky-of-ocean-rgb: 98, 138, 155;
  --color_sky-of-ocean: rgb(var(--color_sky-of-ocean-rgb));

  --color_harbour-mist-rgb: 229, 238, 242;
  --color_harbour-mist: rgb(var(--color_harbour-mist-rgb));

  --color_pearl-white-rgb: 253, 254, 255;
  --color_pearl-white: rgb(var(--color_pearl-white-rgb));

  --color_blissful-gold-rgb: 184, 150, 66;
  --color_blissful-gold: rgb(var(--color_blissful-gold-rgb));


  /* general color mappings */
  --color_bg_dark-rgb: var(--color_deep-azure-rgb);
  --color_bg_dark: rgb(var(--color_bg_dark-rgb));

  --color_bg_light-rgb: var(--color_harbour-mist-rgb);
  --color_bg_light: rgb(var(--color_bg_light-rgb));

  --color_bg_white-rgb: var(--color_pearl-white-rgb);
  --color_bg_white: rgb(var(--color_bg_white-rgb));

  --color_txt_dark-rgb: var(--color_deep-azure-rgb);
  --color_txt_dark: rgb(var(--color_txt_dark-rgb));

  --color_txt_light-rgb: var(--color_sky-of-ocean-rgb);
  --color_txt_light: rgb(var(--color_txt_light-rgb));

  --color_txt_white-rgb: var(--color_pearl-white-rgb);
  --color_txt_white: rgb(var(--color_txt_white-rgb));

  --color_cta-rgb: 237, 174, 23;
  --color_cta: rgb(var(--color_cta-rgb));

  --color_text-lightblue-rgb: 52, 82, 104;
  --color_text-lightblue: rgb(var(--color_text-lightblue-rgb));

  /* fonts */
  --font-std: 'Averta';
  --font-deco: 'Gotcha';

  /* vertical spacing */
  --gridVerticalMD-module: 100px;
  --gridVerticalMD-inner: 35px;

  --gridVerticalSM-module: 60px;
  --gridVerticalSM-inner: 20px;
}