:root > * {
  --md-primary-fg-color:        #0ff;
  --md-primary-fg-color--light:#66ffff;
  --md-primary-fg-color--dark: #00cccc;
  --md-primary-bg-color: #0a0a0a;
  --md-primary-bg-color--light: #66ffff;

  --md-accent-fg-color:         #ff66ff;
  --md-accent-fg-color--light:  #ff66ff;
  --md-accent-fg-color--dark: #cc00cc;
  --md-accent-bg-color: #ff00ff;

  /* Subtle crimson for warnings (e.g., redacted sections) */
  --md-warn-color: #ff1744;

  /* Background: Pure black void */
  --md-default-bg-color:   #0a0a0a;

  body, .md-main__inner {
    background-color: var(--md-default-bg-color);
    color: #e0e0e0; /* Ghostly text for readability */
  }
}

.md-content {
  font-size: 1.1rem;
  line-height: 1.7;
  font-family: 'Courier New', monospace;
}

h1, h2, h3 {
  color: var(--md-primary-fg-color);
  text-shadow: 0 0 5px rgba(90, 255, 255, 0.5); /* Neon glow effect */
  font-weight: 400; /* Clean, no frills */
}

blockquote {
  border-left: 4px solid var(--md-accent-fg-color);
  background-color: rgba(255, 0, 255, 0.05);
  padding-left: 1.5rem;
}

blockquote { background-color: rgba(255, 0, 255, 0.05); /* Pink tint */ }
/* Nav: Green slash for active */
.md-nav__item .md-nav__link--active {
  border-left: 3px solid #f0f;
  text-shadow: 0 0 3px rgba(0, 255, 255, 0.3);
}

/* Social:  icons */
.md-social__link svg {
  fill: var(--md-accent-fg-color);
  filter: drop-shadow(0 0 2px currentColor);
}

/* ============================================= */
/* 1. Links: Pink (#ff66ff) → Bright cyan hover */
/* ============================================= */
.md-typeset a {
    color: #ff66ff !important;           /* Your hot-pink base */
}

.md-typeset a:hover {
    color: #0ff !important;              /* Electric cyan on hover */
    text-shadow: 0 0 8px #0ff;
    transition: color 0.2s ease;
}

/* Optional subtle glow on the whole header */
.md-header,
.md-tabs {
    background-color: #00cccc !important;
    box-shadow: 0 0 10px #00cccc;
}