:root {

  /* colors from design */
  --color_mineral-green-rgb: 59, 102, 76;
  --color_mineral-green: rgb(var(--color_mineral-green-rgb));

  --color_dune-grass-rgb: 60, 133, 96;
  --color_dune-grass: rgb(var(--color_dune-grass-rgb));

  --color_tough-sunset-rgb: 236, 180, 36;
  --color_tough-sunset: rgb(var(--color_tough-sunset-rgb));

  --color_soft-breeze-rgb: 246, 243, 238;
  --color_soft-breeze: rgb(var(--color_soft-breeze-rgb));

  --color_shanty-blue-rgb: 100, 167, 187;
  --color_shanty-blue: rgb(var(--color_shanty-blue-rgb));

  --color_white-rgb: 255, 255, 255;
  --color_white: rgb(var(--color_white-rgb));

  --color_light-green-rgb: 150, 190, 13;
  --color_light-green: rgb(var(--color_light-green-rgb));

  --color_gray-green-rgb: 37, 51, 43;
  --color_gray-green: rgb(var(--color_gray-green-rgb));

  /* general color mappings */
  --color_bg_dark-rgb: var(--color_gray-green-rgb);
  --color_bg_dark: rgb(var(--color_bg_dark-rgb));

  --color_bg_light-rgb: var(--color_soft-breeze-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_gray-green-rgb);
  --color_txt_dark: rgb(var(--color_txt_dark-rgb));

  --color_txt_light-rgb: var(--color_light-green-rgb);
  --color_txt_light: rgb(var(--color_txt_light-rgb));

  --color_txt_white-rgb: var(--color_soft-breeze-rgb);
  --color_txt_white: rgb(var(--color_txt_white-rgb));

  --color_cta-rgb: var(--color_tough-sunset-rgb);
  --color_cta: rgb(var(--color_cta-rgb));

  /* fonts */
  --font-std: 'Max Comp';
  --font-deco: 'Daniel';

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

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