:root {
  --accent-color: #ff5733;
  --accent2-color: #28b463;
  --accent3-color: #f1c40f;
  --accent4-color: #8e44ad;
  --primary-color: #A01313;
  --dark-text-color: #222222;
  --gray-text-color: #6c757d;
  --button-padding-x: 20px;
  --button-padding-y: 10px;
  --font-family-body: "Roboto", sans-serif;
  --light-text-color: #ffffff;
  --dark-border-color: #4b5563;
  --light-border-color: #e5e7eb;
  --font-family-heading: "Poppins", sans-serif;
  --button-rounded-radius: 8px;
  --dark-background-color: #1f2937;
  --light-background-color: #eaf2fa;
  --medium-background-color: #cce0f5;
  --primary-button-text-color: #ffffff;
  --secondary-button-bg-color: #f3f4f6;
  --secondary-button-text-color: #A01313;
  --primary-button-hover-bg-color: #005fa8;
  --primary-button-hover-text-color: #ffffff;
  --secondary-button-hover-bg-color: #e5e7eb;
  --secondary-button-hover-text-color: #005fa8;
}