/* SeapoPym Documentation — Custom Palette */

:root {
  /* Primary palette */
  --md-primary-fg-color: rgb(27, 73, 101);
  --md-primary-fg-color--light: rgb(95, 168, 211);
  --md-primary-fg-color--dark: rgb(13, 43, 62);
  --md-primary-bg-color: #ffffff;

  /* Accent */
  --md-accent-fg-color: rgb(D);
  --md-accent-fg-color--transparent: rgba(232, 131, 58, 0.1);

  /* Text */
  --md-typeset-color: #2d3748;
  --md-default-fg-color: #2d3748;
  --md-default-fg-color--light: #718096;
}

/* Headings */
.md-typeset h1,
.md-typeset h2 {
  color: #1b4965;
}

/* Body text */
.md-typeset {
  color: #2d3748;
  line-height: 1.8;
}

/* Links — underline for clarity */
.md-typeset a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.md-typeset a:hover {
  text-decoration-color: #e8833a;
}

/* Code blocks — light gray background */
.md-typeset code {
  background-color: #f0f0f0;
}

/* Tabs — active tab accent */
.md-typeset .tabbed-labels > label.tabbed-alternate:checked,
.md-typeset .tabbed-labels > label:hover {
  color: #e8833a;
}

/* Admonition accent colors */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #e8833a;
}

.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #5fa8d3;
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #62b6cb;
}

/* Center logo in mobile navigation drawer */
@media screen and (max-width: 76.2344em) {
  .md-nav--primary > .md-nav__title {
    padding-top: 0.2rem;
  }
  .md-nav--primary .md-nav__title .md-logo {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: fit-content;
    margin: 0.2rem auto;
  }
}