/* Custom styles for Shades of E website */

:root {
  --bs-dark: #1e1b16;
  --bs-light: #cdbda4;
}

/* Navbar customization */
.navbar {
  background-color: var(--bs-dark) !important;
}

.navbar .nav-link {
  color: var(--bs-light) !important;
}

.navbar .nav-link:hover {
  color: #ffffff !important;
}

/* General text colors */
body {
  color: var(--bs-dark);
}

/* Links */
a {
  color: var(--bs-dark);
}

a:hover {
  color: var(--bs-light);
}

/* Buttons */
.btn-primary {
  background-color: var(--bs-dark) !important;
  border-color: var(--bs-dark) !important;
}

.btn-primary:hover {
  background-color: var(--bs-light) !important;
  border-color: var(--bs-light) !important;
}

/* Table of Contents customization for flatly theme */
#TOC .nav-link.active {
  color: #cdbda4 !important;
  background-color: transparent !important;
  font-weight: bold !important;
}

#TOC .nav-link:hover {
  color: #cdbda4 !important;
}

/* Alternative TOC selectors for flatly theme */
.toc-content .nav-link.active {
  color: #cdbda4 !important;
  background-color: transparent !important;
  font-weight: bold !important;
}

.toc-content .nav-link:hover {
  color: #cdbda4 !important;
}

/* Ensure TOC links use the custom color */
#TOC a,
.toc-content a {
  color: var(--bs-dark);
}

#TOC a:hover,
.toc-content a:hover {
  color: #cdbda4 !important;
}