/* Expand the maximum size constraints of the center content area */
.md-grid {
    max-width: 63rem; /* Default is roughly 61rem. Set to 100% for full screen width */
}

/* Bold the top-level and nested parent category labels */
.md-nav__link--index, 
.md-nav__item--nested > .md-nav__link {
  font-weight: 700 !important;
  color: var(--md-default-fg-color--bold) !important;
}

/* Style the top horizontal navigation tabs */
.md-tabs__link {
  font-weight: 700 !important;          /* Make the text bold */
  text-transform: uppercase;            /* Force all-caps look */
  letter-spacing: 0.05em;               /* Give letters breathing room */
  font-size: 0.75rem !important;        /* Slightly smaller, sharp text */
  opacity: 0.7;                         /* Dim unselected tabs slightly */
  transition: opacity 0.25s, color 0.25s;
}

/* Make the active tab and hovered tabs brightly colored */
.md-tabs__item--active .md-tabs__link,
.md-tabs__link:hover {
  opacity: 1 !important;
  color: var(--md-accent-fg-color) !important; /* Highlights with your theme's accent color */
}

/* Target all standard paragraphs and lists in the main content area */
.md-typeset p, 
.md-typeset ul, 
.md-typeset ol {
  color: #ffffff !important;   /* Changes text from muted grey to bright white */
  opacity: 0.95;               /* Optional: keeps it slightly soft for readability */
}

/* Brighten all headings inside your documentation pages */
.md-typeset h1, 
.md-typeset h2, 
.md-typeset h3, 
.md-typeset h4 {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Force parent categories to be pure white and bold */
.md-nav__link--index, 
.md-nav__item--nested > .md-nav__link {
  color: #ffffff !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* Force all text elements, links, and icons inside the side navigation to be pure white */
.md-nav,
.md-nav__link,
.md-nav__link code,
.md-nav__icon {
  color: #ffffffd8 !important;
  opacity: 1 !important; /* Prevents the theme from dimming unselected items */
}