/* Custom Terminal Aesthetic based on apptork.com */
[data-md-color-scheme="slate"] {
  /* Background */
  --md-default-bg-color: #050505;
  --md-default-bg-color--light: #0a0a0a;
  --md-default-bg-color--lighter: #111111;
  --md-default-bg-color--lightest: #1a1a1a;

  /* Text Colors */
  --md-default-fg-color: #e0e0e0;
  --md-default-fg-color--light: #666666;
  --md-default-fg-color--lighter: #444444;
  --md-default-fg-color--lightest: #333333;

  /* Primary (Green) */
  --md-primary-fg-color: #00ff41;
  --md-primary-fg-color--light: #33ff66;
  --md-primary-fg-color--dark: #00cc33;
  --md-primary-bg-color: #050505;
  --md-primary-bg-color--light: #0a0a0a;

  /* Accent (Red) */
  --md-accent-fg-color: #ff3333;
  --md-accent-fg-color--transparent: rgba(255, 51, 51, 0.1);
  --md-accent-bg-color: #050505;
  --md-accent-bg-color--light: #0a0a0a;

  /* Typography Colors */
  --md-typeset-color: #e0e0e0;
  --md-typeset-a-color: #00ff41;
  --md-typeset-mark-color: rgba(0, 255, 65, 0.3);

  /* Code Blocks */
  --md-code-fg-color: #e0e0e0;
  --md-code-bg-color: #0a0a0a;
  --md-code-hl-color: rgba(255, 51, 51, 0.2);

  /* Navigation / Sidebar */
  --md-nav-icon-color: #666666;
  --md-nav-item-color: #e0e0e0;
}

/* Soft Reading Font for body */
body, 
.md-typeset h1, 
.md-typeset h2, 
.md-typeset h3, 
.md-typeset h4, 
.md-typeset h5, 
.md-typeset h6, 
.md-nav__link,
.md-header__title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Force elements to use the monospace font for terminal aesthetic where appropriate */
code, kbd, pre, samp {
  font-family: 'Space Mono', 'JetBrains Mono', monospace;
}

/* Header customization */
.md-header {
  background-color: #050505 !important;
  border-bottom: 1px solid #333333;
  color: #e0e0e0 !important;
}

.md-header__button {
  color: #e0e0e0 !important;
}

.md-header__button.md-logo {
  padding: 0 !important;
  margin-right: 0.5rem !important;
}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
  fill: #00ff41;
  height: 1.8rem !important;
  width: auto !important;
  display: block;
}

.md-header__title {
  color: #e0e0e0 !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  letter-spacing: 0.02em;
}

.md-tabs {
  background-color: #050505 !important;
  border-bottom: 1px solid #111111;
  color: #e0e0e0 !important;
}

.md-tabs__link {
  color: #e0e0e0 !important;
}

.md-tabs__link--active, .md-tabs__link:hover {
  color: #00ff41 !important;
}


/* Make links pop like a terminal cursor */
.md-typeset a {
  text-decoration: none;
  border-bottom: 1px solid #00ff41;
  transition: all 0.2s ease;
}

.md-typeset a:hover {
  background-color: rgba(0, 255, 65, 0.1);
  color: #00ff41;
}

/* Code block terminal borders */
.md-typeset pre > code {
  border: 1px solid #333333;
  border-radius: 4px;
  background-color: #000000;
}

/* Change left sidebar title from site_name to MENU */
.md-nav--primary > .md-nav__title {
  font-size: 0 !important; /* Hide original text */
  margin-bottom: 10px;
}

.md-nav--primary > .md-nav__title::after {
  content: "MENU";
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #757575; /* Subdued grey */
  display: block;
  margin-top: 8px;
}

/* Search bar styling */
.md-search__input {
  background-color: #111111 !important;
  color: #e0e0e0 !important;
  border: 1px solid #333333 !important;
}

.md-search__icon {
  color: #e0e0e0 !important;
}

.md-search-result__meta {
  color: #666666 !important;
}

.md-search-result__article {
  color: #e0e0e0 !important;
}

/* Scrollbar terminal style */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #050505;
}
::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #00ff41;
}

/* Action buttons layout */
.home-action-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.home-action-buttons .md-button {
  margin: 0 !important;
  text-align: center;
  box-sizing: border-box;
}
.home-action-buttons .btn-full {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .home-action-buttons {
    display: flex;
    flex-wrap: wrap;
  }
}