/* JIM Brand Colour Overrides */

/* Primary colour - JIM Purple #5A45A2 */
:root {
  --md-primary-fg-color: #5A45A2;
  --md-primary-fg-color--light: #7B68B8;
  --md-primary-fg-color--dark: #483790;
  --md-accent-fg-color: #5A45A2;
}

/* ========================================
   Light mode (Navy O6 Light palette)
   ======================================== */

[data-md-color-scheme="default"] {
  /* Header and page background */
  --md-primary-fg-color: #f3f3f3;            /* header background */
  --md-primary-fg-color--light: #f3f3f3;
  --md-primary-bg-color: #121b29;            /* header text (dark on grey) */
  --md-default-bg-color: #ffffff;            /* page background */
  --md-default-bg-color--light: #f3f3f3;

  /* Footer */
  --md-footer-bg-color: #f3f3f3;             /* match header */
  --md-footer-bg-color--dark: #e8e8e8;       /* slightly darker for prev/next nav */
  --md-footer-fg-color: #121b29;             /* dark text */
  --md-footer-fg-color--light: #4a5568;      /* secondary text */
  --md-footer-fg-color--lighter: #4a5568;

  /* Search */
  --md-primary-bg-color--light: #4a5568;     /* search placeholder text */

  /* Links */
  --md-typeset-a-color: #0076d3;             /* --jim-link-color */
  --md-accent-fg-color: #0076d3;

}

/* Light mode — search bar styling */
[data-md-color-scheme="default"] .md-search__input {
  background-color: #ffffff;                 /* white input on grey header */
  border: 1px solid rgba(30, 58, 95, 0.28);  /* --mud-palette-lines-default */
}

/* Light mode — header/footer border to separate from page */
[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-footer {
  border-bottom: 1px solid rgba(30, 58, 95, 0.12);
}

[data-md-color-scheme="default"] .md-footer {
  border-bottom: none;
  border-top: 1px solid rgba(30, 58, 95, 0.12);
}

[data-md-color-scheme="default"] .md-typeset a:hover,
[data-md-color-scheme="default"] .md-nav__link:hover {
  color: #005da8;                            /* --jim-link-hover-color */
}

[data-md-color-scheme="default"] .md-nav__link:focus,
[data-md-color-scheme="default"] .md-nav__link:focus-visible,
[data-md-color-scheme="default"] .md-nav__link:active {
  color: #005da8;                            /* --jim-link-hover-color */
}

/* Light mode — nav active link */
[data-md-color-scheme="default"] .md-nav__link--active,
[data-md-color-scheme="default"] .md-nav__link:is([data-md-state="active"]) {
  color: #0076d3;                            /* --jim-link-color */
}

/* ========================================
   Dark mode (Navy O6 Dark palette)
   ======================================== */

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #15293c;            /* header background */
  --md-primary-fg-color--light: #15293c;
  --md-primary-fg-color--dark: #15293c;
  --md-primary-bg-color: #e0e4ea;            /* header text (light on dark) */
  --md-default-bg-color: #051526;            /* page background */
  --md-default-bg-color--light: #0d1e30;
  --md-accent-fg-color: #7B68B8;

  /* Footer */
  --md-footer-bg-color: #0d1e30;             /* surface colour */
  --md-footer-bg-color--dark: #15293c;       /* slightly lighter for prev/next nav */
  --md-footer-fg-color: #e0e4ea;             /* light text */
  --md-footer-fg-color--light: #8a9eb4;      /* secondary text */
  --md-footer-fg-color--lighter: #8a9eb4;

  /* Search */
  --md-primary-bg-color--light: #8a9eb4;     /* search placeholder text */

  /* Links */
  --md-typeset-a-color: #67b9ff;             /* --jim-link-color */

}

/* Dark mode — search bar styling */
[data-md-color-scheme="slate"] .md-search__input {
  background-color: #0d1e30;                 /* surface colour */
  border: 1px solid #243a52;                  /* --mud-palette-lines-default */
}

[data-md-color-scheme="slate"] .md-typeset a:hover,
[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #9ad0ff;                             /* --jim-link-hover-color */
}

[data-md-color-scheme="slate"] .md-nav__link:focus,
[data-md-color-scheme="slate"] .md-nav__link:focus-visible,
[data-md-color-scheme="slate"] .md-nav__link:active {
  color: #9ad0ff;                             /* --jim-link-hover-color */
}

/* Dark mode — nav active link */
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:is([data-md-state="active"]) {
  color: #67b9ff;                             /* --jim-link-color */
}

/* ========================================
   Theme-aware diagram switching
   ======================================== */

/* Light mode: show light diagrams, hide dark */
[data-md-color-scheme="default"] .diagram-dark { display: none; }

/* Dark mode: show dark diagrams, hide light */
[data-md-color-scheme="slate"] .diagram-light { display: none; }

/* ========================================
   GLightbox theme-aware overlay
   ======================================== */

/* Light mode: give the image a white background so transparent SVGs look correct */
[data-md-color-scheme="default"] .gslide-image img {
  background-color: #ffffff;
  border-radius: 4px;
}

/* Dark mode: give the image a dark background matching the page surface */
[data-md-color-scheme="slate"] .gslide-image img {
  background-color: #051526;
  border-radius: 4px;
}