/* ---- FONT ---- */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url('fonts/JetBrainsMono.woff2') format('woff2');
}

/* ---- GLOBAL FONT OVERRIDE ---- */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-text-font: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Courier New', monospace;
  --md-code-font: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Courier New', monospace;
}

html {
  font-size: 1.3em;
}

body,
.md-typeset,
.md-nav,
.md-header,
.md-footer,
.md-search__input {
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Courier New', monospace !important;
}

/* ---- DARK THEME (slate) ---- */
[data-md-color-scheme="slate"] {
  --md-hue: 160deg;

  /* Backgrounds */
  --md-default-bg-color:          #0d0d0d;
  --md-default-bg-color--light:   #141414b3;
  --md-default-bg-color--lighter: #1414144d;
  --md-default-bg-color--lightest:#1414141f;

  /* Foreground */
  --md-default-fg-color:          #e8ffe8;
  --md-default-fg-color--light:   #8ba8c8cc;
  --md-default-fg-color--lighter: #8ba8c87a;
  --md-default-fg-color--lightest:#8ba8c826;

  /* Primary (header/nav) */
  --md-primary-fg-color:          #080808;
  --md-primary-fg-color--light:   #141414;
  --md-primary-fg-color--dark:    #000000;
  --md-primary-bg-color:          #e8ffe8;
  --md-primary-bg-color--light:   #e8ffe8b3;

  /* Accent */
  --md-accent-fg-color:           #00ffb3;
  --md-accent-fg-color--transparent: #00ffb31a;
  --md-accent-bg-color:           #04140d;
  --md-accent-bg-color--light:    #04140db3;

  /* Links */
  --md-typeset-a-color:           #00ffb3;

  /* Code blocks */
  --md-code-fg-color:             #faffe8;
  --md-code-bg-color:             #141414;
  --md-code-bg-color--light:      #141414b3;
  --md-code-bg-color--lighter:    #1414144d;

  /* Code highlighting */
  --md-code-hl-color:             #00ffb31a;
  --md-code-hl-color--light:      #00ffb30d;
  --md-code-hl-number-color:      #f59e0b;
  --md-code-hl-special-color:     #ec4899;
  --md-code-hl-function-color:    #8b5cf6;
  --md-code-hl-constant-color:    #3b82f6;
  --md-code-hl-keyword-color:     #00ffb3;
  --md-code-hl-string-color:      #10b981;
  --md-code-hl-name-color:        #e8ffe8;
  --md-code-hl-operator-color:    #8ba8c8;
  --md-code-hl-punctuation-color: #4a5568;
  --md-code-hl-comment-color:     #4a5568;
  --md-code-hl-generic-color:     #8ba8c8;
  --md-code-hl-variable-color:    #e8ffe8;

  /* Footer */
  --md-footer-bg-color:           #080808;
  --md-footer-bg-color--dark:     #000000;

  /* Admonitions */
  --md-admonition-fg-color:       #e8ffe8;
  --md-admonition-bg-color:       #141414;

  /* Tables */
  --md-typeset-table-color:       #232323;
  --md-typeset-table-color--light:#23232380;
}

/* ---- LIGHT THEME (default) ---- */
[data-md-color-scheme="default"] {
  --md-hue: 160deg;

  /* Backgrounds */
  --md-default-bg-color:          #fafafa;
  --md-default-bg-color--light:   #f0f0f0b3;
  --md-default-bg-color--lighter: #f0f0f04d;
  --md-default-bg-color--lightest:#f0f0f01f;

  /* Foreground */
  --md-default-fg-color:          #1a1a1a;
  --md-default-fg-color--light:   #333333cc;
  --md-default-fg-color--lighter: #3333337a;
  --md-default-fg-color--lightest:#33333326;

  /* Primary (header/nav) */
  --md-primary-fg-color:          #1a1a1a;
  --md-primary-fg-color--light:   #232323;
  --md-primary-fg-color--dark:    #0d0d0d;
  --md-primary-bg-color:          #ffffff;
  --md-primary-bg-color--light:   #ffffffb3;

  /* Accent */
  --md-accent-fg-color:           #00b386;
  --md-accent-fg-color--transparent: #00b3861a;
  --md-accent-bg-color:           #ffffff;
  --md-accent-bg-color--light:    #ffffffb3;

  /* Links */
  --md-typeset-a-color:           #00b386;

  /* Code blocks */
  --md-code-fg-color:             #1a1a1a;
  --md-code-bg-color:             #f0f0f0;
  --md-code-bg-color--light:      #f0f0f0b3;
  --md-code-bg-color--lighter:    #f0f0f04d;

  /* Code highlighting */
  --md-code-hl-color:             #00b3861a;
  --md-code-hl-color--light:      #00b3860d;
  --md-code-hl-number-color:      #d97706;
  --md-code-hl-special-color:     #db2777;
  --md-code-hl-function-color:    #7c3aed;
  --md-code-hl-constant-color:    #2563eb;
  --md-code-hl-keyword-color:     #00b386;
  --md-code-hl-string-color:      #059669;
  --md-code-hl-name-color:        #1a1a1a;
  --md-code-hl-operator-color:    #6b7280;
  --md-code-hl-punctuation-color: #9ca3af;
  --md-code-hl-comment-color:     #9ca3af;
  --md-code-hl-generic-color:     #6b7280;
  --md-code-hl-variable-color:    #1a1a1a;

  /* Footer */
  --md-footer-bg-color:           #1a1a1a;
  --md-footer-bg-color--dark:     #0d0d0d;

  /* Admonitions */
  --md-admonition-fg-color:       #1a1a1a;
  --md-admonition-bg-color:       #f0f0f0;

  /* Tables */
  --md-typeset-table-color:       #e0e0e0;
  --md-typeset-table-color--light:#e0e0e080;
}

/* ---- HEADER ---- */
.md-header {
  background-color: #2d2d2d;
  box-shadow: none;
  border-bottom: 1px solid #3a3a3a;
  color: #e8ffe8;
}

[data-md-color-scheme="slate"] .md-header {
  background-color: #080808;
  border-bottom: 1px solid #232323;
  color: #e8ffe8;
}

/* Buttons and non-title header elements */
.md-header__button,
.md-header__button.md-icon {
  color: #e8ffe8 !important;
}

/* Title: accent green matching the website logo */
.md-header__title {
  color: #00ffb3 !important;
  font-weight: 700;
}

[data-md-color-scheme="default"] .md-header__title {
  color: #00b386 !important;
}

/* Search icon uses a CSS mask — background-color controls the visible tint */
.md-search__button:before,
.md-header .md-search__icon {
  background-color: #8ba8c8 !important;
  color: #8ba8c8 !important;
}

/* Search pill */
.md-search__button {
  background-color: #3a3a3a !important;
  color: #8ba8c8 !important;
  border-radius: 6px;
}

.md-search__button:hover,
.md-search__button:focus {
  background-color: #484848 !important;
  color: #e8ffe8 !important;
}

/* Ctrl+K badge */
.md-search__button:after {
  background: #555555 !important;
  color: #e8ffe8 !important;
}

/* Expanded search form */
.md-search__form {
  background-color: #3a3a3a !important;
}

.md-search__input,
[data-md-color-scheme="default"] .md-search__input,
[data-md-color-scheme="slate"] .md-search__input {
  color: #e8ffe8 !important;
  -webkit-text-fill-color: #e8ffe8 !important;
}

.md-search__input::placeholder {
  color: #8ba8c8 !important;
  -webkit-text-fill-color: #8ba8c8 !important;
}

/* ---- TABS ---- */
.md-tabs {
  background-color: #2d2d2d;
  border-bottom: 1px solid #3a3a3a;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #080808;
  border-bottom: 1px solid #232323;
}

.md-tabs__link {
  color: #8ba8c8 !important;
  opacity: 1 !important;
}

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

.md-tabs__indicator {
  background-color: var(--md-accent-fg-color);
}

/* ---- FOOTER ---- */
.md-footer {
  background-color: #2d2d2d;
  color: #8ba8c8;
}

.md-footer-meta {
  background-color: #1a1a1a;
}

.md-footer__link,
.md-footer__title,
.md-footer__direction,
.md-footer-meta__inner,
.md-footer-meta__inner * {
  color: #8ba8c8 !important;
}

.md-footer__link:hover .md-footer__title {
  color: #e8ffe8 !important;
}

[data-md-color-scheme="slate"] .md-footer {
  background-color: #080808;
}

[data-md-color-scheme="slate"] .md-footer-meta {
  background-color: #000000;
}

/* ---- NAV SIDEBAR ---- */
.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--md-accent-fg-color);
}

.md-nav__item--active > .md-nav__link {
  color: var(--md-accent-fg-color);
  font-weight: 600;
}

/* ---- TYPESET ---- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-weight: 600;
  letter-spacing: 0;
}

.md-typeset h1 { color: var(--md-default-fg-color); }

.md-typeset a {
  color: var(--md-accent-fg-color);
}

.md-typeset a:hover {
  color: var(--md-accent-fg-color);
  text-decoration: underline;
}

/* ---- CODE BLOCKS ---- */
.md-typeset code {
  border-radius: 4px;
  font-size: 0.85em;
}

.md-typeset pre > code {
  border-radius: 8px;
  font-size: 0.8125em;
  line-height: 1.7;
}

/* ---- ADMONITIONS ---- */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
  border-left-width: 3px;
  font-size: 0.9em;
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--md-accent-fg-color);
}

.md-typeset .admonition.note > .admonition-title,
.md-typeset details.note > summary {
  background-color: var(--md-accent-fg-color--transparent);
  color: var(--md-accent-fg-color);
}

/* ---- ANNOUNCE BANNER — same amber style in both themes ---- */
.md-announce,
[data-md-color-scheme="default"] .md-announce {
  background-color: #1c1a0e;
  border-bottom: 1px solid #854d0e;
  color: #fcd34d;
  font-size: 0.85rem;
}

.md-announce a,
[data-md-color-scheme="default"] .md-announce a {
  color: #fcd34d;
  text-decoration: underline;
}

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background: #232323;
  border-radius: 3px;
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
  background: #00ffb340;
}

[data-md-color-scheme="default"] ::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 3px;
}
[data-md-color-scheme="default"] ::-webkit-scrollbar-thumb:hover {
  background: #00b38640;
}

/* ---- SELECTION ---- */
[data-md-color-scheme="slate"] ::selection {
  background: #00ffb326;
}
[data-md-color-scheme="default"] ::selection {
  background: #00b38626;
}