/* === Dark Theme with Orange Accents === */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root {
  --md-primary-fg-color: #E65100; /* Deep orange */
  --md-primary-fg-color--light: #FF7043; /* Light orange */
  --md-accent-fg-color: #FF5722; /* Accent orange */
  --md-text-color: #ECEFF1; /* Light text */
  --md-text-color-light: #B0BEC5; /* Muted light text */
  --md-default-bg-color: #1A1A1A; /* Dark background */
  --md-default-fg-color: #ECEFF1; /* Light text */
  --md-footer-bg-color: #0F0F0F; /* Footer background */
  --md-footer-fg-color: #B0BEC5; /* Footer text */
  --active-tab-color: #FF5722; /* Bright orange for active tab */
}

/* === Typography === */
body {
  font-family: 'Lora', serif;
  font-size: 16px;
  font-weight: 600; /* Increased from 500 to 600 for even heavier text */
  line-height: 1.6;
  color: var(--md-text-color);
  background-color: var(--md-default-bg-color);
}

/* === Headings === */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Lora', serif;
  font-weight: 700; /* Keeping at 700 which is already the heaviest */
  color: var(--md-text-color);
}

/* === Links === */
a {
  color: var(--md-accent-fg-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: var(--md-primary-fg-color--light);
}

/* === Navigation Links === */
.md-nav__link {
  color: #FF5722 !important; /* Orange for all navigation links */
}

.md-nav__link:hover {
  color: #FF7043 !important; /* Lighter orange on hover */
}

/* Active page indicator in sidebar navigation */
.md-nav__link--active,
.md-nav__item--active > .md-nav__link {
  color: #FF5722 !important; /* Same orange for active page */
  font-weight: 700; /* Bold for active link */
}

/* === Header and Navigation === */
.md-header {
  background-color: #121212;
  color: var(--md-text-color);
}

.md-tabs {
  background-color: #121212;
}

/* === Active Tab Highlighting === */
.md-tabs__item--active {
  position: relative;
}

.md-tabs__item--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #FF5722; /* Bright orange underline */
}

.md-tabs__link {
  color: #FF5722 !important; /* Orange for tab links */
  opacity: 0.7;
}

.md-tabs__link:hover {
  opacity: 1;
}

.md-tabs__link--active {
  color: #FF5722 !important; /* Same orange for active tab */
  font-weight: 600;
}

/* === Table of Contents === */
.md-nav__title {
  color: var(--md-accent-fg-color);
}

/* === Footer === */
.md-footer {
  background-color: var(--md-footer-bg-color);
  color: var(--md-footer-fg-color);
}

.md-footer__link {
  color: var(--md-accent-fg-color);
}

.md-footer__link:hover {
  color: var(--md-primary-fg-color--light);
}

/* === Code Blocks === */
.md-typeset code {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--md-accent-fg-color);
}

/* === Search Bar === */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.1);
}

.md-search__input::placeholder {
  color: var(--md-text-color-light);
}