/* Terminal-style overrides for wtf docs */

/* Import IBM Plex Mono font */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

:root {
  --md-primary-fg-color: #000000;
  --md-accent-fg-color: #00ff00;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #000000;
  --md-primary-bg-color: #1a1a1a;
  --md-accent-fg-color: #4af626;
  --md-default-bg-color: #1a1a1a;
  --md-default-fg-color: #c9d1d9;
  --md-code-bg-color: #0d1117;
  --md-code-fg-color: #4af626;
}

/* Make code blocks look like terminal */
.highlight pre,
pre code {
  background-color: #0d1117 !important;
  color: #4af626 !important;
  border: 1px solid #30363d;
  border-radius: 4px;
  padding: 1em !important;
}

/* Terminal prompt styling */
.highlight .gp {
  color: #4af626 !important;
  user-select: none;
}

/* Links in terminal green */
[data-md-color-scheme="slate"] a {
  color: #58d364;
}

[data-md-color-scheme="slate"] a:hover {
  color: #4af626;
}

/* Inline code styling */
[data-md-color-scheme="slate"] code {
  background-color: #21262d;
  color: #4af626;
  padding: 0.2em 0.4em;
  border-radius: 3px;
}

/* Only use monospace for code elements */
code, pre, .highlight {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
}

/* Ensure proper font sizing and prevent zoom issues */
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Better readability - use system fonts for body text */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  line-height: 1.6;
}

/* Better text rendering */
[data-md-color-scheme="slate"] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Ensure proper responsive behavior */
.md-content {
  max-width: 100%;
}

/* Prevent elements from overlapping during load */
.md-sidebar {
  z-index: 10;
}

.md-main {
  z-index: 1;
}

/* Smooth transitions for layout changes */
.md-sidebar,
.md-main,
.md-content {
  transition: all 0.2s ease-in-out;
}

/* Improve heading readability in dark mode */
[data-md-color-scheme="slate"] h1,
[data-md-color-scheme="slate"] h2,
[data-md-color-scheme="slate"] h3,
[data-md-color-scheme="slate"] h4,
[data-md-color-scheme="slate"] h5,
[data-md-color-scheme="slate"] h6 {
  color: #e6edf3;
}

/* Sidebar styling for dark mode */
[data-md-color-scheme="slate"] .md-nav__link {
  color: #c9d1d9;
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #4af626;
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #58d364;
}

/* Table of contents styling */
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link {
  color: #8b949e;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link--active {
  color: #4af626;
}