:root {
  --primary-clr: #cf202e;

  /* The hover state of many elements */
  --secondary-clr: #000000;

  /* Used for borders */
  --light-clr: #e2e2e3;

  /* Used for text */
  --dark-clr: #000000;

  /* Used for inputs and as a light background on some elements like checkout tables */
  --gray-clr: #e2e2e3;

  /* The hover state for inputs */
  --gray-clr-hovered: #e2e2e3;
}