:root {
  /* Colors */
  --primary-color: #1687a7; /* Blue for buttons and text */
  --secondary-color: #1c1c38; /* Dark blue for accents */
  --background-color: #f0f0f0; /* Light grey background */
  --hover: #1688a748;
  --text: #3e6565; /* Dark grey text */
  --text-hover: #333; /* Dark grey text */
  --button-hover-color: #6ca8d6; /* Darker blue for button hover */
  --link-hover-color: #6faffa; /* Lighter blue for link hover */
  --white: #fff; /* White for text on buttons */
  --warning: #ffc107; /* warning text */
  --success: #14a14a; /* success text */
  --info: #0dcaf0; /* info text */
  --light-blue: rgb(242, 250, 249);
  --special: #012b3f;
  --special2: #003b56;

  /* Fonts */
  --body-font-family: Arial, sans-serif;
  --heading-font-family: "Open Sans", sans-serif;
  --font-size: 16px;
  --line-height: 1.5;
}