/* styles.css */
:root {
  --dark-green: #00796b;
  --lightgreen: #4caf50;
  --darkgray: #333333;
  --lightgray: #f5f5f5;
}

.accent-bg {
  background-color: var(--dark-green);
}

.secondary-bg {
  background-color: var(--darkgray);
}

.theme-link {
  color: var(--lightgray);
  text-decoration: none;
}

.theme-link.active {
  pointer-events: none;   /* disables mouse clicks */
  color: #aaa;            /* gray it out */
  cursor: default;        /* show default cursor */
  text-decoration: none;
  border-bottom: none;
}

.dropdown-menu .dropdown-item {
  color: var(--darkgray);
}

.btn-primary {
  background-color: var(--darkgray) !important;
  border-color: var(--darkgray) !important;
  color: white !important;
}

.pronoun {
  color: var(--lightgreen); /* medium blue (tailwind's blue-500 for reference) */
  font-weight: 500;
}

.verb-type {
  color: var(--darkgray); /* dark blue (Tailwind's blue-900) */
  font-weight: bold;
}

.page-section {
  display: none;
}
    
.page-section.active {
  display: block;
}

.htmx-indicator{
    display:none !important;
}
.htmx-request .htmx-indicator{
    display:flex !important;
}
.htmx-request.htmx-indicator{
    display:flex !important;
}