/* set variables for use globally */
:root {
  --custom-color: #ffffff !important;
  --brand-color: #4062AD !important;
  --metallic-gold-color: #D4AF37 !important;
  --dark-color: #1a1a2e !important;
}


.a-color {
  color: var(--custom-color);
  text-decoration: none !important;
  /* Create a thin border that starts transparent */
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
  padding-bottom: 1px; /* Space between text and line */
}

.a-color:hover,
.a-color:focus {
  border-bottom-color: var(--custom-color);
}

.text-custom {
  color: var(--custom-color);
}

.text-gold{
  color: var(--metallic-gold-color);
}

.custom-navbar {
    background-color: var(--dark-color);
}

/* Target the text and links specifically */
.custom-navbar .navbar-brand,
.custom-navbar .nav-link {
  color: var(--custom-color) /* White text for high contrast */
}

/* Optional: Hover effect for links */
.custom-navbar .nav-link:hover {
  color: #e0e0e0 !important; 
}

.card-custom {
  /*background-color: var(--dark-color);*/
  border: 5px solid #2e2e4e;
  transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); /* animation */
}

.card-custom:hover {
  box-shadow: 0 0 1px #000000;

}