/* Neo Syndicate - Cyberpunk Theme */

/* ===== Fonts ===== */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Share+Tech&family=Share+Tech+Mono&display=swap');

/* ===== CSS Variables ===== */
:root {
  --neon-cyan: #00f0ff;
  --neon-cyan-dim: #00a8b3;
  --neon-magenta: #ff00ff;
  --neon-yellow: #f0ff00;
  --neon-red: #ff3050;
  --dark-base: #0a0a0f;
  --dark-surface: #12121a;
  --dark-card: #1a1a25;
  --dark-border: #2a2a3a;
  --text-primary: #e0e0e8;
  --text-secondary: #8888aa;
}

/* ===== Slate (Dark) Scheme Overrides ===== */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--dark-surface);
  --md-primary-bg-color: var(--text-primary);
  --md-accent-fg-color: var(--neon-cyan);
  --md-default-bg-color: var(--dark-base);
  --md-default-fg-color: var(--text-primary);
  --md-default-fg-color--light: var(--text-secondary);
  --md-typeset-a-color: var(--neon-cyan);
  --md-code-bg-color: var(--dark-surface);
  --md-code-fg-color: var(--neon-cyan);
  --md-footer-bg-color: var(--dark-surface);
  --md-footer-fg-color: var(--text-primary);
}

/* ===== Typography ===== */
h1, h2, h3, h4, h5, h6,
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.md-typeset h1 {
  color: var(--neon-cyan) !important;
  text-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
  border-bottom: 2px solid var(--dark-border);
  padding-bottom: 0.4em;
}

.md-typeset h2 {
  color: var(--neon-cyan-dim) !important;
}

/* ===== Header ===== */
.md-header {
  background: var(--dark-surface) !important;
  border-bottom: 1px solid var(--neon-cyan);
  box-shadow: 0 2px 12px rgba(0, 240, 255, 0.1);
}

.md-header__title {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.1em;
}

/* ===== Navigation Tabs ===== */
.md-tabs {
  background: var(--dark-surface) !important;
  border-bottom: 1px solid var(--dark-border);
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--neon-cyan) !important;
}

/* ===== Sidebar ===== */
.md-sidebar {
  background: var(--dark-base);
}

.md-nav__link:hover,
.md-nav__link--active {
  color: var(--neon-cyan) !important;
}

.md-nav__item--active > .md-nav__link {
  color: var(--neon-cyan) !important;
  font-weight: 600;
}

/* ===== Links ===== */
.md-typeset a {
  color: var(--neon-cyan) !important;
  text-decoration: none;
  transition: all 0.2s ease;
}

.md-typeset a:hover {
  color: #fff !important;
  text-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
}

/* ===== Code Blocks ===== */
.md-typeset code {
  background: var(--dark-surface);
  color: var(--neon-cyan);
  border: 1px solid var(--dark-border);
  border-radius: 4px;
}

.md-typeset pre {
  border: 1px solid var(--dark-border);
  border-radius: 6px;
}

/* ===== Cards (Grid) ===== */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  background: var(--dark-card) !important;
  border: 1px solid var(--dark-border) !important;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > ol > li:hover {
  border-color: var(--neon-cyan) !important;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.15);
  transform: translateY(-2px);
}

/* ===== Admonitions ===== */
.md-typeset .admonition,
.md-typeset details {
  background: var(--dark-card);
  border-left: 4px solid var(--neon-cyan);
  border-radius: 4px;
}

/* ===== Tables ===== */
.md-typeset table:not([class]) {
  border: 1px solid var(--dark-border);
}

.md-typeset table:not([class]) th {
  background: var(--dark-surface);
  color: var(--neon-cyan);
  font-family: 'Orbitron', sans-serif;
  font-size: 0.75em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.md-typeset table:not([class]) td {
  border-color: var(--dark-border);
}

/* ===== Search ===== */
.md-search__input {
  background: var(--dark-surface) !important;
  border: 1px solid var(--dark-border);
}

.md-search__input::placeholder {
  color: var(--text-secondary);
}

/* ===== Footer ===== */
.md-footer {
  background: var(--dark-surface) !important;
  border-top: 1px solid var(--dark-border);
}

/* ===== Scrollbar ===== */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--dark-base);
}

::-webkit-scrollbar-thumb {
  background: var(--dark-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--neon-cyan-dim);
}

/* ===== Selection ===== */
::selection {
  background: rgba(0, 240, 255, 0.25);
  color: #fff;
}