:root {
  --primary: hsl(180, 46%, 44%);
  --primary-dark: hsl(180, 46%, 30%);
  --brand-grey: hsl(222, 19%, 27%);
  --brand-yellow: hsl(38, 94%, 67%);
  --brand-red: hsl(358, 65%, 46%);
  --brand-purple: hsl(263, 49%, 73%);
  --light-background: white;
  --dark-background: black;
  --light-text: #333333;
  --dark-text: #dddddd;

  --info-text: hsl(222, 92%, 60%);
  --info-background: hsl(215, 92%, 98%);

  --warning-text: hsl(38, 94%, 40%);
  --warning-background: hsl(50, 92%, 96%);

  --danger-text: hsl(358, 65%, 51%);
  --danger-background: hsl(0, 59%, 97%);
}