/* ═══════════════════════ Northern Dynamic Docs Theme ═══════════════════════ */
/* Matches the Aurora dark design from northerndynamic.gmbh                   */

/* ── Brand Colors ── */
:root {
  --ndy-blue: #25A8E0;
  --ndy-navy: #2A3B8E;
  --ndy-mid-blue: #1b7cb8;
  --ndy-bg-deep: #060a18;
  --ndy-bg-card: rgba(12, 18, 40, 0.7);
  --ndy-text-primary: #e8edf5;
  --ndy-text-secondary: #8892a8;
  --ndy-border: rgba(255, 255, 255, 0.06);
}

/* ── Dark Scheme (default) ── */
[data-md-color-scheme="ndy-dark"] {
  --md-primary-fg-color: #25A8E0;
  --md-primary-bg-color: #060a18;
  --md-accent-fg-color: #25A8E0;
  --md-default-bg-color: #060a18;
  --md-default-fg-color: #e8edf5;
  --md-default-fg-color--light: #8892a8;
  --md-default-fg-color--lighter: rgba(255, 255, 255, 0.3);
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.1);
  --md-code-bg-color: rgba(12, 18, 40, 0.7);
  --md-code-fg-color: #e8edf5;
  --md-code-hl-color: rgba(37, 168, 224, 0.15);
  --md-typeset-color: #e8edf5;
  --md-typeset-a-color: #25A8E0;
  --md-footer-bg-color: #040810;
  --md-footer-bg-color--dark: #020408;
  --md-footer-fg-color: #8892a8;
  --md-footer-fg-color--light: rgba(255, 255, 255, 0.3);
  --md-footer-fg-color--lighter: rgba(255, 255, 255, 0.15);
}

/* Header */
[data-md-color-scheme="ndy-dark"] .md-header {
  background: rgba(6, 10, 24, 0.92);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Navigation sidebar */
[data-md-color-scheme="ndy-dark"] .md-sidebar {
  background: #060a18;
}

[data-md-color-scheme="ndy-dark"] .md-nav__link--active,
[data-md-color-scheme="ndy-dark"] .md-nav__link:hover {
  color: #25A8E0;
}

/* Code blocks */
[data-md-color-scheme="ndy-dark"] .highlight code,
[data-md-color-scheme="ndy-dark"] code {
  background: rgba(12, 18, 40, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
}

[data-md-color-scheme="ndy-dark"] .highlight pre {
  background: rgba(12, 18, 40, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
}

/* Admonitions */
[data-md-color-scheme="ndy-dark"] .admonition,
[data-md-color-scheme="ndy-dark"] details {
  background: rgba(12, 18, 40, 0.5);
  border-left-color: #25A8E0;
}

/* Tables */
[data-md-color-scheme="ndy-dark"] .md-typeset table:not([class]) {
  background: rgba(12, 18, 40, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

[data-md-color-scheme="ndy-dark"] .md-typeset table:not([class]) th {
  background: rgba(37, 168, 224, 0.1);
  color: #25A8E0;
  font-weight: 600;
}

[data-md-color-scheme="ndy-dark"] .md-typeset table:not([class]) td {
  border-color: rgba(255, 255, 255, 0.06);
}

/* Search */
[data-md-color-scheme="ndy-dark"] .md-search__input {
  background: rgba(12, 18, 40, 0.7);
  color: #e8edf5;
}

/* Selection */
[data-md-color-scheme="ndy-dark"] ::selection {
  background: rgba(37, 168, 224, 0.3);
  color: #ffffff;
}

/* Scrollbar */
[data-md-color-scheme="ndy-dark"] ::-webkit-scrollbar {
  width: 8px;
}

[data-md-color-scheme="ndy-dark"] ::-webkit-scrollbar-track {
  background: #060a18;
}

[data-md-color-scheme="ndy-dark"] ::-webkit-scrollbar-thumb {
  background: rgba(37, 168, 224, 0.3);
  border-radius: 4px;
}

[data-md-color-scheme="ndy-dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(37, 168, 224, 0.5);
}

/* ── Light Scheme overrides ── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #25A8E0;
  --md-accent-fg-color: #2A3B8E;
}

/* ── Shared styles ── */

/* Logo in header */
.md-header__button.md-logo img {
  height: 28px;
  width: auto;
}

/* Links */
.md-typeset a {
  color: #25A8E0;
  transition: color 0.2s;
}

.md-typeset a:hover {
  color: #1b7cb8;
}

/* Footer social links */
.md-social__link svg {
  fill: #8892a8;
  transition: fill 0.2s;
}

.md-social__link:hover svg {
  fill: #25A8E0;
}

/* Tabs */
.md-typeset .tabbed-labels > label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
}

.md-typeset .tabbed-labels > label--active,
.md-typeset .tabbed-labels > label:hover {
  color: #25A8E0;
}
