:root {

  /* colors from design */
  --color_cd-web-blue-rgb: 0, 91, 125;
  --color_cd-web-blue: rgb(var(--color_cd-web-blue-rgb));

  --color_cd-web-red-rgb: 176, 9, 29;
  --color_cd-web-red: rgb(var(--color_cd-web-red-rgb));

  --color_cd-web-yellow-rgb: 232, 186, 38;
  --color_cd-web-yellow: rgb(var(--color_cd-web-yellow-rgb));

  --color_cd-web-white-rgb: 238, 238, 238;
  --color_cd-web-white: rgb(var(--color_cd-web-white-rgb));

  --color_cd-white-rgb: 255, 255, 255;
  --color_cd-white: rgb(var(--color_cd-white-rgb));

  --color_cd-dark-blue-rgb: 0, 45, 76;
  --color_cd-dark-blue: rgb(var(--color_cd-dark-blue-rgb));

  --color_cd-light-blue-rgb: 0, 137, 197;
  --color_cd-light-blue: rgb(var(--color_cd-light-blue-rgb));


  /* general color mappings */
  --color_bg_dark-rgb: var(--color_cd-web-blue-rgb);
  --color_bg_dark: rgb(var(--color_bg_dark-rgb));

  --color_bg_light-rgb: var(--color_cd-web-white-rgb);
  --color_bg_light: rgb(var(--color_bg_light-rgb));

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

  --color_txt_dark-rgb: var(--color_cd-dark-blue-rgb);
  --color_txt_dark: rgb(var(--color_txt_dark-rgb));

  --color_txt_light-rgb: var(--color_cd-light-blue-rgb);
  --color_txt_light: rgb(var(--color_txt_light-rgb));

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

  --color_cta-rgb: var(--color_cd-web-yellow-rgb);
  --color_cta: rgb(var(--color_cta-rgb));

  /* fonts */
  --font-std: 'Montserrat';
  --font-deco: 'Daniel';

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

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