/* Black + Green Terminal Aesthetic - Improved Readability */

:root {
  --terminal-green: #00ff00;
  --terminal-green-dim: #00cc00;
  --terminal-green-bright: #33ff33;
  --terminal-green-muted: #00aa00;
  --terminal-black: #0a0a0a;        /* Softer than pure black for less eye strain */
  --terminal-dark-gray: #1a1a1a;
  --terminal-gray: #2a2a2a;
  --terminal-light-gray: #3a3a3a;
  --terminal-text-gray: #cccccc;    /* Softer than pure green for body text */
}

/* Override Material theme colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--terminal-black);
  --md-primary-fg-color--light: var(--terminal-gray);
  --md-primary-fg-color--dark: var(--terminal-black);
  --md-accent-fg-color: var(--terminal-green);
  --md-accent-fg-color--transparent: rgba(0, 255, 0, 0.1);

  --md-default-bg-color: var(--terminal-black);
  --md-default-fg-color: var(--terminal-text-gray);
  --md-default-fg-color--light: var(--terminal-text-gray);
  --md-default-fg-color--lighter: #aaaaaa;
  --md-default-fg-color--lightest: #999999;

  --md-code-bg-color: var(--terminal-dark-gray);
  --md-code-fg-color: var(--terminal-green-bright);

  --md-typeset-a-color: var(--terminal-green);
}

/* Terminal-style code blocks */
.highlight {
  background-color: var(--terminal-dark-gray) !important;
  border: 1px solid var(--terminal-green-dim);
  border-radius: 4px;
}

.highlight code {
  color: var(--terminal-green-bright);
}

/* Green glow effect on hover for links */
a:hover {
  text-shadow: 0 0 5px var(--terminal-green);
  transition: text-shadow 0.2s ease-in-out;
}

/* Terminal-style navigation */
.md-nav__link--active {
  color: var(--terminal-green-bright) !important;
  font-weight: bold;
}

/* Green borders for admonitions */
.md-typeset .admonition {
  border-left: 4px solid var(--terminal-green);
}

/* Terminal prompt style for headers */
.md-typeset h1::before {
  content: "# ";
  color: var(--terminal-green-dim);
}

.md-typeset h2::before {
  content: "## ";
  color: var(--terminal-green-dim);
}

/* Inline code styling */
.md-typeset code {
  background-color: var(--terminal-dark-gray);
  color: var(--terminal-green-bright);
  border: 1px solid var(--terminal-green-dim);
}

/* Search highlighting */
.md-search-result__article--document em {
  color: var(--terminal-green-bright);
  font-weight: bold;
}

/* Table styling */
.md-typeset table:not([class]) {
  border: 1px solid var(--terminal-green-dim);
}

.md-typeset table:not([class]) th {
  background-color: var(--terminal-dark-gray);
  color: var(--terminal-green-bright);
  border-bottom: 2px solid var(--terminal-green);
}

/* Button styling */
.md-button {
  border: 1px solid var(--terminal-green);
  color: var(--terminal-green);
}

.md-button:hover {
  background-color: var(--terminal-green);
  color: var(--terminal-black);
  box-shadow: 0 0 10px var(--terminal-green);
}

.md-button--primary {
  background-color: var(--terminal-green);
  color: var(--terminal-black);
  border-color: var(--terminal-green);
}

/* Improve body text readability */
.md-typeset {
  font-size: 0.9rem;
  line-height: 1.7;
}

/* Use sans-serif for body, monospace for code */
.md-typeset p,
.md-typeset li,
.md-typeset td {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Source Sans Pro', sans-serif;
  color: var(--terminal-text-gray);
}

/* Keep monospace for headers to maintain terminal aesthetic */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: 'Roboto Mono', monospace;
  color: var(--terminal-green);
}

/* Navigation improvements */
.md-nav__item--active > .md-nav__link {
  background-color: var(--terminal-dark-gray);
  border-left: 3px solid var(--terminal-green);
}

/* Better contrast for important UI elements */
.md-header {
  background-color: var(--terminal-dark-gray);
  border-bottom: 1px solid var(--terminal-green-muted);
}

/* Soften glow effect to reduce eye strain */
a:hover {
  text-shadow: 0 0 3px var(--terminal-green-muted);
  transition: text-shadow 0.2s ease-in-out;
}

/* API link styling for consistent navigation */
.md-typeset a[href*="/api/cpp/"],
.md-typeset a[href*="/api/rust/"] {
  border-left: 3px solid var(--terminal-green-dim);
  padding-left: 8px;
  display: inline-block;
  margin: 4px 0;
}