:root {

  /* colors from design */
  --color_deep-azure-rgb: 26, 47, 58;
  --color_deep-azure: rgb(var(--color_deep-azure-rgb));
  --color_sky-of-ocean-rgb: 49, 90, 110;
  --color_sky-of-ocean: rgb(var(--color_sky-of-ocean-rgb));
  --color_harbour-mist-rgb: 234, 239, 240;
  --color_harbour-mist: rgb(var(--color_harbour-mist-rgb));
  --color-white-rgb: 255, 255, 255;
  --color-white: rgb(var(--color-white-rgb));
  --color_pearl-white-rgb: 253, 254, 255;
  --color_pearl-white: rgb(var(--color_pearl-white-rgb));
  --color_blissful-gold-rgb: 254, 209, 110;
  --color_blissful-gold: rgb(var(--color_blissful-gold-rgb));

  /* general color mappings */
  --color_bg_dark-rgb: var(--color_sky-of-ocean-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-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-white-rgb);
  --color_txt_white: rgb(var(--color_txt_white-rgb));
  --color_cta-rgb: 254, 209, 110;
  --color_cta: rgb(var(--color_cta-rgb));
  --color_text-lightblue-rgb: 52, 82, 104;
  --color_text-lightblue: rgb(var(--color_text-lightblue-rgb));

  --color_bg-yellow-rgb: 254, 209, 110;
  --color_bg_yellow: rgb(var(--color_bg-yellow-rgb));

  /* fonts */
  --font-std: 'Titillium Web';
  --font-deco: 'Fair Prosper';

  /* vertical spacing */
  --gridVerticalMD-module: 100px;
  --gridVerticalMD-inner: 35px;
  --gridVerticalSM-module: 60px;
  --gridVerticalSM-inner: 20px;
}