:root {
  --color-white: hsl(0, 0%, 100%);
  --color-blue: hsl(225, 57%, 35%);
  --color-grey: hsl(0, 0%, 50%);
  --color-light-grey: hsl(0, 0%, 80%);
  --color-lightest-grey: hsl(0, 0%, 94%);
  --color-mid-grey: hsl(0, 0%, 47%);
  --color-dark-grey: hsl(0, 0%, 40%);
  --color-nav-grey: hsl(0, 0%, 38%);
  --color-nav-hover: hsl(0, 0%, 67%);
  --color-nav-active: hsl(210, 56%, 60%);
  --color-green: hsl(135, 44%, 60%);
  --color-green-dark: hsl(135, 62%, 28%);
  --color-red: hsl(350, 100%, 41%);
  --color-blue-consulting: hsl(210, 46%, 48%);
  --color-purple-developing: hsl(292, 29%, 53%);
  --color-teal-testing: hsl(168, 39%, 46%);
  --color-cubes-hover: hsl(210, 91%, 68%);
  --color-footer-bg: hsl(60, 3%, 73%);
  --color-grid-bg: hsl(0, 0%, 97%);
  --color-grid-content-bg: hsl(0, 0%, 92%);
}