/* althost docs theme — white + purple on dark blue.
   Matches the marketing site's indigo/violet brand, on a deep navy base. */

:root,
[data-md-color-scheme="slate"] {
  --alt-purple: #6366f1;   /* brand indigo */
  --alt-violet: #a78bfa;   /* lighter accent for links on dark */
  --alt-bg: #0b1224;       /* deep navy — page background */
  --alt-surface: #111b36;  /* header, cards */
  --alt-surface-2: #0d1730;/* code blocks, sidebars */
  --alt-border: #253052;

  /* Base surfaces + text */
  --md-default-bg-color: var(--alt-bg);
  --md-default-fg-color: #ffffff;
  --md-default-fg-color--light: #c7cce6;
  --md-default-fg-color--lighter: #8f97bd;
  --md-default-fg-color--lightest: #3a446b;
  --md-typeset-color: #e9ebf7;

  /* Header / primary — dark blue surface, white text, purple accents */
  --md-primary-fg-color: var(--alt-surface);
  --md-primary-fg-color--light: #1a2748;
  --md-primary-fg-color--dark: #0b1224;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.72);

  /* Accent — purple (links, hover, focus) */
  --md-accent-fg-color: var(--alt-violet);
  --md-accent-fg-color--transparent: rgba(167, 139, 250, 0.12);
  --md-typeset-a-color: var(--alt-violet);

  /* Code */
  --md-code-bg-color: var(--alt-surface-2);
  --md-code-fg-color: #e9ebf7;

  /* Footer */
  --md-footer-bg-color: #080e1c;
  --md-footer-bg-color--dark: #060a15;
}

/* Header + tabs: dark navy with a subtle bottom border, not the default purple bar */
.md-header,
.md-tabs {
  background-color: var(--alt-surface);
  color: #ffffff;
  border-bottom: 1px solid var(--alt-border);
}

/* Active nav + section labels in brand purple */
.md-nav__link--active,
.md-nav__item .md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--alt-violet);
}
.md-nav__item--section > .md-nav__link {
  color: #ffffff;
}

/* Table of contents active marker */
.md-nav__link--passed { color: var(--md-default-fg-color--light); }

/* Links */
.md-typeset a { color: var(--alt-violet); }
.md-typeset a:hover { color: var(--alt-purple); text-decoration: underline; }

/* Search box */
.md-search__form { background-color: var(--alt-surface-2); }
.md-search__form:hover { background-color: #16224a; }

/* Inline code + code blocks */
.md-typeset code { background-color: var(--alt-surface-2); }
.md-typeset pre > code { border: 1px solid var(--alt-border); }

/* Tables */
.md-typeset table:not([class]) {
  background-color: var(--alt-surface);
  border: 1px solid var(--alt-border);
}
.md-typeset table:not([class]) th {
  background-color: #16224a;
  color: #ffffff;
}
.md-typeset table:not([class]) tr:hover { background-color: rgba(99, 102, 241, 0.06); }

/* Blockquotes / admonition accent in brand purple */
.md-typeset blockquote {
  border-left-color: var(--alt-purple);
  color: var(--md-default-fg-color--light);
}
.md-typeset .admonition,
.md-typeset details {
  background-color: var(--alt-surface);
  border-color: var(--alt-border);
}

/* Buttons / primary actions */
.md-typeset .md-button--primary {
  background-color: var(--alt-purple);
  border-color: var(--alt-purple);
  color: #ffffff;
}

/* Text selection */
::selection {
  background: rgba(99, 102, 241, 0.35);
  color: #ffffff;
}

/* Scrollbar (WebKit) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--alt-border); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--alt-purple); }