@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  --lx-bg-0: #0a0e1a;
  --lx-bg-1: #0f1629;
  --lx-bg-2: #131d33;
  --lx-cyan: #00d4ff;
  --lx-blue: #3b82f6;
  --lx-emerald: #10b981;
  --lx-border: rgba(0, 212, 255, 0.22);
  --lx-text: #f0f6ff;
  --lx-muted: #9cb0cc;
  --md-text-font: 'JetBrainsMonoNL Nerd Font Propo', 'JetBrainsMono Nerd Font Propo', 'JetBrainsMonoNL Nerd Font', 'JetBrains Mono', 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --md-code-font: 'JetBrainsMonoNL Nerd Font Mono', 'JetBrainsMono Nerd Font Mono', 'JetBrainsMonoNL Nerd Font', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;
}

[data-md-color-scheme='slate'] {
  --md-default-bg-color: var(--lx-bg-0);
  --md-default-bg-color--light: var(--lx-bg-1);
  --md-default-fg-color: var(--lx-text);
  --md-default-fg-color--light: var(--lx-muted);
  --md-primary-fg-color: #0b1120;
  --md-primary-fg-color--light: #111b33;
  --md-accent-fg-color: var(--lx-cyan);
  --md-typeset-a-color: var(--lx-cyan);
}

[data-md-color-scheme='default'] {
  --md-primary-fg-color: #12213f;
  --md-primary-fg-color--light: #1a2f5a;
  --md-accent-fg-color: #0ea5e9;
  --md-typeset-a-color: #0369a1;
}

.md-header {
  background: linear-gradient(90deg, #090f1e 0%, #0c1325 40%, #0b1326 100%);
  border-bottom: 1px solid var(--lx-border);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}

.md-tabs {
  background: linear-gradient(90deg, #081125 0%, #0a1a34 100%);
  border-bottom: 1px solid rgba(59, 130, 246, 0.22);
}

.md-main {
  background:
    radial-gradient(1100px 560px at -10% -10%, rgba(0, 212, 255, 0.1), transparent 62%),
    radial-gradient(900px 420px at 110% 5%, rgba(59, 130, 246, 0.13), transparent 60%),
    linear-gradient(180deg, var(--lx-bg-0) 0%, #0b1223 100%);
}

.md-content__inner,
.md-sidebar__scrollwrap,
.md-nav,
.md-search__scrollwrap {
  backdrop-filter: blur(4px);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  letter-spacing: 0.01em;
  font-weight: 700;
}

[data-md-color-scheme='slate'] .md-typeset h1 {
  color: #eaf6ff;
  text-shadow: 0 0 26px rgba(59, 130, 246, 0.18);
}

.md-typeset h2,
.md-typeset h3 {
  border-left: 3px solid var(--lx-cyan);
  padding-left: 0.55rem;
}

.md-typeset a:hover {
  text-shadow: 0 0 12px rgba(0, 212, 255, 0.45);
}

.md-typeset code,
.md-typeset pre code {
  border-radius: 8px;
}

[data-md-color-scheme='slate'] .md-typeset code {
  background: rgba(59, 130, 246, 0.18);
  color: #d7ecff;
}

[data-md-color-scheme='slate'] .md-typeset pre > code {
  background: #0b1326;
  border: 1px solid rgba(59, 130, 246, 0.2);
}

[data-md-color-scheme='slate'] .md-typeset table:not([class]) {
  border: 1px solid rgba(59, 130, 246, 0.25);
  background: rgba(15, 22, 41, 0.66);
}

[data-md-color-scheme='slate'] .md-typeset table:not([class]) th {
  background: rgba(59, 130, 246, 0.2);
}

[data-md-color-scheme='slate'] .md-nav--primary .md-nav__title,
[data-md-color-scheme='slate'] .md-nav--primary .md-nav__item {
  background: transparent;
}

[data-md-color-scheme='slate'] .md-nav__link--active,
[data-md-color-scheme='slate'] .md-nav__link:hover {
  color: var(--lx-cyan);
}

[data-md-color-scheme='slate'] .md-search__form {
  border: 1px solid rgba(0, 212, 255, 0.3);
  background: rgba(8, 14, 26, 0.8);
}

.md-footer {
  background: linear-gradient(90deg, #0a1326 0%, #0a1020 100%);
  border-top: 1px solid var(--lx-border);
}