/*
 * global
 */
/*
 * variables
 */
:root {
  --color-green-50:  #E6F6F4;
  --color-green-100: #B0E4DD;
  --color-green-200: #8AD7CC;
  --color-green-300: #54C5B5;
  --color-green-400: #33BAA7;
  --color-green-500: #00A991;
  --color-green-600: #009A84;
  --color-green-700: #007867;
  --color-green-800: #005D50;
  --color-green-900: #00473D;

  --color-primary: var(--color-green-700);
  --color-primary-light: var(--color-green-500);
  --color-primary-dark: var(--color-green-800);
  --color-primary-muted: var(--color-green-900);
  --color-secondary: var(--color-green-600);
  --color-secondary-light: var(--color-green-50);
  --color-secondary-muted: var(--color-green-400);

  --color-inverted: #FFFFFF;
}