: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-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-green-rgb: 149, 193, 31;
  --color_cd-green: rgb(var(--color_cd-green-rgb));

  --color_cd-blue-rgb: 0, 123, 186;
  --color_cd-blue: rgb(var(--color_cd-blue-rgb));

  --color_deep-azure-rgb: 15, 48, 73;
  --color_deep-azure: rgb(var(--color_deep-azure-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-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-green-rgb);
  --color_cta: rgb(var(--color_cta-rgb));

  /* fonts */
  --font-std: 'Max Comp';
  --font-deco: 'Shadows into light';

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

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