/*
 * Brand color setup
 *
 * Brand blue: #315075
 * Brand red:  #c73b31
 */

/* Primary brand color */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #315075;
  --md-primary-fg-color--light: #3f6797;
  --md-primary-fg-color--dark: #243b56;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffff;
}

/* Accent brand color */
[data-md-color-accent="custom"] {
  --md-accent-fg-color: #c73b31;
}

/*
 * Dark mode base colors
 */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #315075;
  --md-primary-fg-color--light: #3f6797;
  --md-primary-fg-color--dark: #243b56;

  /*
   * Brighter accent color for better contrast in dark mode.
   */
  --md-accent-fg-color: #e05a50;

  /*
   * Dark mode text colors based on Material Design text-emphasis conventions.
   */
  --md-default-fg-color: rgba(255, 255, 255, 0.87);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.7);
  --md-default-fg-color--lighter: rgba(255, 255, 255, 0.6);
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.38);

  /*
   * Main readable content text.
   */
  --md-typeset-color: var(--md-default-fg-color);

  /*
   * Links need to be lighter than the brand blue on dark backgrounds.
   */
  --md-typeset-a-color: #9fc3e6;
}

/*
 * Dark mode main content links
 */
[data-md-color-scheme="slate"] .md-typeset a {
  color: #9fc3e6;
}

[data-md-color-scheme="slate"] .md-typeset a:hover,
[data-md-color-scheme="slate"] .md-typeset a:focus {
  color: #c8def3;
}

/*
 * Dark mode navigation links
 */
[data-md-color-scheme="slate"] .md-nav__link {
  color: rgba(255, 255, 255, 0.78);
}

[data-md-color-scheme="slate"] .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav__link:focus,
[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #9fc3e6;
}

/*
 * Prevent inline code in tables (env vars, paths, etc.) from breaking
 * mid-word when a column is narrow.
 */
.md-typeset table:not([class]) code {
  white-space: nowrap;
}

/*
 * Dark mode table and secondary text readability
 */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  color: var(--md-default-fg-color);
}

[data-md-color-scheme="slate"] .md-typeset small,
[data-md-color-scheme="slate"] .md-typeset figcaption {
  color: var(--md-default-fg-color--light);
}

/*
 * Dark mode sidebar/nav link fixes
 *
 * Material applies active nav link color through:
 * .md-nav__item .md-nav__link--active { color: var(--md-typeset-a-color); }
 * so we override both the variable and the final link color.
 */
[data-md-color-scheme="slate"] .md-nav {
  --md-typeset-a-color: #9fc3e6;
}

[data-md-color-scheme="slate"] .md-nav__item .md-nav__link {
  color: rgba(255, 255, 255, 0.78);
}

[data-md-color-scheme="slate"] .md-nav__item .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link:focus {
  color: #c8def3;
}

[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active code {
  color: #9fc3e6;
}