:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --accent-orange: #ff914d;
  --accent-blue: #070197;
  --accent-red: #d51935;

  /* Optional: Define a slightly off-black/white for better readability and less eye strain */
  --color-light-gray: #f2f2f2; /* for backgrounds */
  --color-dark-gray: #333333; /* for text, slightly softer than pure black */
}

[data-bs-theme="dark"] .logo-text {
    color: #fff !important;
}

a.link-primary {
    color: var(--color-black) !important;
}

.bg-primary,
.btn-primary,
.text-primary{
    background-color: var(--accent-blue) !important;
    border-color: var(--accent-blue) !important;
    color: #fff !important;
}
.btn-primary:hover,
.bg-primary:hover,
a.link-primary:hover {
    background-color: #060097 !important; /* or a darker blue */
    border-color: #060097 !important;
    color: #fff !important;
}


/* Body text */
body {
  color: var(--color-dark-gray); /* Using a slightly softer black for readability */
  background-color: var(--color-white); /* White background for main content */
  font-family: Arial, sans-serif; /* Example font */
}

/* Headings */
h1, h2, h3 {
  color: var(--color-black); /* Stronger black for headings */
}

/* Links */
a {
  color: var(--accent-blue); /* Blue for links */
  text-decoration: none; /* Remove default underline */
}

a:hover {
  color: var(--accent-orange); /* Orange on hover */
  text-decoration: underline;
}