/* overrides.css – AdaVoyager final brand polish */

/* 1. Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');

/* 2. Brand color variables */
:root {
  --electric-teal:    #01D3DB;
  --deep-navy:        #181447;
  --midnight-blue:    #0D2862;
  --hot-pink:         #FE00AA;
  --mint:             #6CFBCE;
  --royal-blue:       #1A56FF;
  --text-light:       #E0E0E0;
  --bg-main:          #171329;
  --surface-dark:     #22204A;
}

/* 3. Global & content background */
body, .md-main, .md-main__inner {
  background-color: var(--bg-main) !important;
  color: var(--text-light) !important;
}

/* 4. Sidebars: distinct from main content */
.md-sidebar {
  background-color: var(--bg-main) !important;
  border-right: 0px solid var(--bg-main) !important;
}
.md-sidebar--secondary {
  background-color: var(--bg-main) !important;
  border-left: 0px solid var(--bg-main) !important;
}

/* 5. Typography */
body, .md-content {
  font-family: 'Inter', sans-serif !important;
  color: var(--text-light) !important;
}
code, pre {
  font-family: 'Roboto Mono', monospace !important;
}

/* 6. Kill all “boxed” backgrounds in nav groups & titles */
.md-nav__group,
.md-nav__group-title,
.md-nav--primary .md-nav__group-title,
.md-nav--secondary .md-nav__group-title,
.md-nav__title,
.md-nav__link,
.md-nav__link--active,
.md-nav__link--active .md-nav__link {
  background: none !important;
  box-shadow: none !important;
}

/* 7. Sidebar & TOC link hover/active = hot-pink */
.md-nav__link:hover,
.md-nav__link--active,
.md-sidebar--secondary .md-nav__link:hover,
.md-sidebar--secondary .md-nav__link--active {
  color: var(--hot-pink) !important;
  background-color: rgba(254,0,170,0.1) !important;
  text-shadow: 0 0 6px rgba(254,0,170,0.7) !important;
}

/* 8. Header bar & hide GitHub icon */
.md-header, .md-header-nav, .md-header__inner {
  background-color: var(--deep-navy) !important;
  border-bottom: none !important;
}
a.md-header__button--social[href*="github.com"] {
  display: none !important;
}
.md-header__button,
.md-header-nav .md-nav__link {
  color: var(--text-light) !important;
  background: none !important;
}
.md-header__button:hover,
.md-header-nav .md-nav__link:hover {
  color: var(--electric-teal) !important;
}

.md-header__source {
  margin-left: 1.4rem;
  display: none;
}

/* 9. Headings with glow */
h1, h2, h3, h4, h5, h6 {
  color: var(--mint) !important;
  text-shadow: 0 0 6px rgba(108,251,206,0.5) !important;
}

/* 10. In‐page links pink */
.md-content a {
  color: var(--hot-pink) !important;
  text-decoration: underline !important;
}
.md-content a:hover {
  color: var(--hot-pink) !important;
  text-shadow: 0 0 4px rgba(254,0,170,0.7) !important;
}

/* 11. Code blocks & inline code */
code {
  background-color: var(--royal-blue) !important;
  border-radius: .4rem !important;
  padding: .2rem .4rem !important;
}
pre {
  background-color: var(--royal-blue) !important;
  border-radius: .4rem !important;
  padding: 1rem !important;
  overflow: auto !important;
}
/* line numbers */
pre code { counter-reset: linenumber; }
pre code span {
  display: block; counter-increment: linenumber;
}
pre code span::before {
  content: counter(linenumber);
  display: inline-block;
  width: 2em; margin-right: .5em;
  color: rgba(255,255,255,0.3);
  text-align: right;
}

/* 12. Cards & admonitions */
.md-card, .md-admonition {
  background-color: var(--surface-dark) !important;
  border: 1px solid var(--electric-teal) !important;
  box-shadow: 0 2px 8px rgba(1,211,219,0.2) !important;
  border-radius: 1rem !important;
  padding: 1rem !important;
}

/* 13. Buttons & CTAs */
.md-button, .button {
  background-color: var(--electric-teal) !important;
  color: var(--deep-navy) !important;
  border-radius: .5rem !important;
  box-shadow: 0 2px 6px rgba(1,211,219,0.5) !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}
.md-button:hover, .button:hover {
  background-color: var(--hot-pink) !important;
  box-shadow: 0 0 12px rgba(254,0,170,0.6) !important;
}

/* 14. Sidebar section titles */
.md-nav__title {
  color: var(--mint) !important;
  font-weight: 600 !important;
  text-shadow: 0 0 6px rgba(108,251,206,0.5) !important;
  margin-top: 1.5rem !important;
}

/* 15. Footer styling */
.md-footer {
  background-color: var(--deep-navy) !important;
  color: var(--text-light) !important;
  border-top: 1px solid var(--electric-teal) !important;
}

.md-footer::before {
  content: "Get Involved: 📧 chat@wilco.space  |  🐦 X:@iamwilco";
  display: block;
  background-color: var(--deep-navy) !important;
  text-align: center;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  color: var(--text-light);
}
.md-footer-meta {
  display: none;
}
/* 16. Logo sizing */
.md-header__logo img {
  width: auto !important;
  height: 2.5rem !important;
  object-fit: contain;
}