@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&display=swap');

/* === mdof docs brand theme ===
   Brand colors: #2698BA (blue) + #B509AC (magenta).
   `!important` is required — pydata's theme CSS otherwise wins the cascade for these
   variables. Applied to both light and dark. (brand.css only loads on the doc pages,
   not the landing page.) */

html[data-theme="light"],
html[data-theme="dark"] {
    --pst-color-primary: #2698BA !important;     /* accents: active nav, buttons, focus rings */
    --pst-color-secondary: #B509AC !important;   /* secondary accent + navbar-link hover */
    --pst-color-link: #2698BA !important;         /* body links */
    --pst-color-link-hover: #B509AC !important;

    /* Set default font to sans-serif. */
    --fontFamily: var(--pst-font-family-base) !important;
    --font-family: var(--pst-font-family-base) !important;
}

/* Heading fix. The docs' content.css applies `text-transform: uppercase; color:
   var(--colorHeading)` to h2-h6 globallly. Reset to normal case and use
   pydata's readable heading color (near-black on light, light gray on dark). */
h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
    color: var(--pst-color-heading) !important;
}

/* Emphasized text need to be lighter than default
   (var(--colorPrimaryDark) = #3D576E) to be readable in dark mode. */
html[data-theme="dark"] em {
    color: #8fb3c9 !important;
}

/* Brand wordmark at navbar "mdof" */
.navbar-brand,
.navbar-brand .title,
.navbar-brand-text,
.navbar-brand .logo__title {
    font-family: "DM Serif Display", Georgia, serif !important;
    font-style: italic !important;
}