:root {
    --iu-crimson: #990000;
    --iu-cream: #f2f2f2;
}
.bg-iu {
    background-color: var(--iu-crimson);
}
.text-iu {
    color: var(--iu-crimson);
}
.btn-iu {
    background-color: var(--iu-crimson);
    color: white;
}
.btn-iu:hover {
    background-color: #7d0000;
    color: white;
}

.red-t-border {
    border-top: 1px solid #CA0900;
}
.red-b-border {
    border-bottom: 1px solid #CA0900;
}

.text-shadow {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

section.a,
section.a:link,
section.a:visited {
  color: #990000 !important; /* IU Crimson */
  text-decoration: none;
}

section.a:hover,
section.a:focus {
  color: #7d0000 !important; /* Darker crimson on hover */
  text-decoration: underline;
}

/* Overrides */
.dropdown-menu {
  background-color: #990000;
  border-color: #990000 !important;
}
a.btn-iu,
a.dropdown-item,
button.btn-iu {
  color: #fff !important;
  background-color: #990000;
  border: none;
  text-decoration: none;
  padding: 0.5rem 1rem;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* Visited: same style as normal */
a.btn-iu:visited,
a.dropdown-item:visited {
  color: #fff !important;
  text-decoration: none;
}

/* Hover */
a.btn-iu:hover,
a.dropdown-item:hover,
button.btn-iu:hover {
  background-color: #7d0000;
  color: #fff !important;
  text-decoration: none;
}

/* Active */
a.btn-iu:active,
a.dropdown-item:active,
button.btn-iu:active {
  background-color: #4b0000 !important;
  color: #fff !important;
  text-decoration: none;
}

/* Focus (keyboard/tab navigation) */
a.btn-iu:focus,
a.dropdown-item:focus,
button.btn-iu:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(153, 0, 0, 0.5); /* subtle crimson glow */
}
/* Focus-visible (keyboard navigation) */
a.btn-iu:focus-visible,
a.dropdown-item:focus-visible,
button.btn-iu:focus-visible {
  background-color: #7d0000 !important;
  box-shadow: 0 0 0 0.2rem rgba(153, 0, 0, 0.5); /* crimson glow */
}


a.nav-link, a.nav-link:visited {
  color: #fff !important;         
  border: none;
  text-decoration: none;
}

a.nav-link:hover,
a.nav-link:focus  {
  color: #fff !important;
  text-decoration: none;
}

.link-primary {
  color: #990000 !important; /* IU Crimson */
  text-decoration: none;
}
.link-primary:hover,
.link-primary:focus {
  color: #7d0000 !important; /* darker crimson on hover */
  text-decoration: none;
}