/* ISCC Foundation Brand Colors
 *
 * Override palette attribute selectors that Zensical sets by default.
 * The [data-md-color-*] selectors match the specificity of the built-in
 * palette CSS so our custom colors take precedence.
 */

/* Light mode: override primary (indigo -> ISCC Blue) */
[data-md-color-primary="indigo"] {
  --md-primary-fg-color: #0054b2;
  --md-primary-fg-color--light: #4596f5;
  --md-primary-fg-color--dark: #123663;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
}

/* Light mode: override accent (indigo -> ISCC Blue) */
[data-md-color-accent="indigo"] {
  --md-accent-fg-color: #0054b2;
  --md-accent-fg-color--transparent: #0054b21a;
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: #ffffffb3;
}

/* Link color for light mode */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: #0054b2;
}

/* Dark mode: override primary */
[data-md-color-scheme="slate"][data-md-color-primary="indigo"] {
  --md-primary-fg-color: #4596f5;
  --md-primary-fg-color--light: #7ac2f7;
  --md-primary-fg-color--dark: #0054b2;
  --md-primary-bg-color: #123663;
  --md-primary-bg-color--light: #12366380;
  --md-typeset-a-color: #4596f5;
}

/* Dark mode: override accent */
[data-md-color-scheme="slate"][data-md-color-accent="indigo"] {
  --md-accent-fg-color: #4596f5;
  --md-accent-fg-color--transparent: #4596f51a;
}

/* Dark mode: invert logo so the black logo becomes white */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-nav__button.md-logo img {
  filter: invert(1);
}

/* Mermaid: let the default theme handle light/dark mode.
 * Only override edge color for softer appearance. */
[data-md-color-scheme="slate"] .mermaid {
  --md-mermaid-edge-color: #6e7681;
}