:root {
  /* COLOR VARIABLES */
  --primary-color: #a30c0c;
  --secondary-color: #eeff00;
  --light-color: #f1f1f1;
  --dark-color: #50514f;
  --black-color: #333333;

  --tag-orange-color: #f88010;
  --tag-yellow-color: #eeff00;
  --tag-green-color: #36b405;
  --tag-blue-color: #3a47ff;
  --tag-purple-color: #660cf8;
  --tag-violet-color: #a717fa;
  --tag-pink-color: #ce13a5;
  --tag-brown-color: #663f3f;

  --hover-color: #b6251b;
  --active-color: #6b0303;

  /* FONT SIZE VARIABLES */
  --ts-vs: 0.56rem;
  --ts-sml: 0.8rem;
  --ts-md: 1.1rem;
  --ts-lg: 1.25rem;
  --hs-vs: 1.3rem;
  --hs-sml: 2rem;
  --hs-md: 2.5rem;
  --hs-lg: 3rem;

  /* FONT FAMILY VARIABLES */

  --ff-poppins: "Poppins", sans-serif;

  /* BORDER RADIUS */
  --border-radius: 5px;
}