/* =============================================================
   Colour tokens — matches interludesoftware.com
   ============================================================= */

/* -- Dark scheme (default) ----------------------------------- */
[data-md-color-scheme="slate"] {
  /* Page backgrounds */
  --md-default-bg-color:            #080810;
  --md-default-bg-color--light:     #0e0e1c;
  --md-default-bg-color--lighter:   #131326;
  --md-default-bg-color--lightest:  #1a1a35;

  /* Text */
  --md-default-fg-color:            hsla(0, 0%, 100%, 1);
  --md-default-fg-color--light:     hsla(0, 0%, 100%, 0.7);
  --md-default-fg-color--lighter:   hsla(0, 0%, 100%, 0.3);
  --md-default-fg-color--lightest:  hsla(0, 0%, 100%, 0.07);

  /* Header / nav background */
  --md-primary-fg-color:            #080810;
  --md-primary-fg-color--light:     rgba(255, 255, 255, 0.54);
  --md-primary-fg-color--dark:      rgba(255, 255, 255, 0.32);
  --md-primary-bg-color:            #ffffff;
  --md-primary-bg-color--light:     rgba(255, 255, 255, 0.7);

  /* Accent — indigo-400 (#818cf8) */
  --md-accent-fg-color:             #818cf8;
  --md-accent-fg-color--transparent: rgba(129, 140, 248, 0.1);
  --md-accent-bg-color:             #ffffff;
  --md-accent-bg-color--light:      rgba(255, 255, 255, 0.7);

  /* Code blocks */
  --md-code-bg-color:               #0e0e1c;
  --md-code-fg-color:               #e2e8f0;

  /* Prose links */
  --md-typeset-a-color:             #818cf8;
}

/* -- Light scheme (toggled) ---------------------------------- */
[data-md-color-scheme="default"] {
  /* Keep dark header in light mode for brand consistency */
  --md-primary-fg-color:            #080810;
  --md-primary-fg-color--light:     rgba(255, 255, 255, 0.7);
  --md-primary-fg-color--dark:      rgba(255, 255, 255, 0.5);
  --md-primary-bg-color:            #ffffff;
  --md-primary-bg-color--light:     rgba(255, 255, 255, 0.7);

  /* Accent — indigo-600 (more legible on light backgrounds) */
  --md-accent-fg-color:             #4f46e5;
  --md-accent-fg-color--transparent: rgba(79, 70, 229, 0.1);
  --md-typeset-a-color:             #4f46e5;
}

/* -- Site header bar ----------------------------------------- */
/* Slim bar above the MkDocs header linking back to the main site */
.site-header {
  background-color: #080810;
  padding: 0.4rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
}

.site-header__link {
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: color 0.15s;
}

.site-header__link:hover {
  color: #ffffff;
}

/* -- Header border ------------------------------------------- */
/* Subtle separator so header doesn't float on dark backgrounds */
.md-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

/* -- Nav tabs ------------------------------------------------- */
.md-tabs {
  background-color: #0e0e1c;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[data-md-color-scheme="default"] .md-tabs {
  background-color: #111127;
}