/* ── NexaDesk brand theme — matches nexadesk.tech ─────────────────────── */

:root {
  --nx-blue: #2D61FF;
  --nx-blue-light: #6F79FF;
  --nx-bg: #090A0F;
  --nx-bg-alt: #0F1325;
  --nx-border: #232a45;
  --nx-muted: #A3A8B5;
}

/* primary/accent for both schemes */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--nx-blue);
  --md-primary-fg-color--light: var(--nx-blue-light);
  --md-primary-fg-color--dark: #1B4EE7;
}
[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--nx-blue-light);
  --md-accent-fg-color--transparent: rgba(45, 97, 255, 0.12);
}

/* ── dark scheme = the nexadesk.tech look ── */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--nx-bg);
  --md-default-fg-color: #FFFFFE;
  --md-default-fg-color--light: var(--nx-muted);
  --md-default-fg-color--lighter: #6b7280;
  --md-typeset-color: #d7dae3;
  --md-typeset-a-color: var(--nx-blue-light);
  --md-code-bg-color: var(--nx-bg-alt);
  --md-code-fg-color: #d7dae3;
  --md-footer-bg-color: var(--nx-bg);
  --md-footer-bg-color--dark: #02010C;
  --md-typeset-table-color: rgba(255, 255, 255, 0.08);
}

/* dark header like the marketing site (not bright blue) */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: rgba(9, 10, 15, 0.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--nx-border);
}
[data-md-color-scheme="slate"] .md-search__form {
  background-color: var(--nx-bg-alt);
  border: 1px solid var(--nx-border);
  border-radius: 10px;
}
[data-md-color-scheme="slate"] .md-search__form:hover {
  background-color: var(--nx-bg-alt);
  border-color: var(--nx-blue);
}

/* cards / code / images: site radius + borders */
.md-typeset img {
  border: 1px solid var(--nx-border);
  border-radius: 12px;
}
[data-md-color-scheme="default"] .md-typeset img {
  border-color: #e3e7ea;
}
.md-typeset pre > code { border-radius: 10px; }
.md-typeset .admonition, .md-typeset details {
  border-radius: 12px;
  border-width: 1px;
}
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background-color: var(--nx-bg-alt);
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  background-color: var(--nx-bg-alt);
  border-radius: 12px;
  overflow: hidden;
}

/* nav: active item pill, brand hover — echoes the site's pill buttons */
.md-nav__link--active { color: var(--nx-blue-light) !important; font-weight: 600; }
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link:hover { color: var(--nx-blue-light); }

/* buttons (if used) */
.md-typeset .md-button--primary {
  background-color: var(--nx-blue);
  border-color: var(--nx-blue);
  border-radius: 10px;
}

/* headings white in dark, Inter tightened like the site */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3 { color: #FFFFFF; }
.md-typeset h1, .md-typeset h2 { font-weight: 700; letter-spacing: -0.01em; }