:root {
  --primary-color: #251031; /* A vibrant purple, adjust as needed */
  --primary-color-rgb: 37, 16, 49;
  --secondary-color: #4B0082; /* A darker purple */
  --background-color: #ededeb; /* Dark purple from the logo background */
  --text-color: #505050; /* Off-white */
  --light-gray: #D3D3D3; /* For borders and accents */
  --dark-gray: #A9A9A9; /* For less important text */
  --background-action-button: #8A2BE2; /* Light purple for action buttons */
  --action-button-green: #32c982; /* Vibrant green for action buttons */
  --action-button-green-rgb: 50, 201, 130;
  --action-button-hover: #8638ad;
  --action-button-hover-rgb: 134, 56, 173;
  --action-button-hover-shadow-rgb: 61, 26, 79;
  --pink-color: #bc6fe4; /* Pink for active menu items */
  --text-color-navbar: #F5F5F5; /* Off-white for navbar text */
  --text-color-footer: #F5F5F5; /* Off-white for footer text */
  --background-color-footer: #261031; /* Dark purple for footer background */
  --heading-color: #2d1b4e;
  --heading-color-rgb: 45, 27, 78;
  --background-light: #f1f1f1;
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --black: #000000;
  --black-rgb: 0, 0, 0;
}