/*
 * Course color. The layout, fonts, code blocks, and instructor callouts
 * are shared with the Python for Professionals site; this file is the one
 * place the Django site differs. mkdocs.yml sets `primary: custom` and
 * `accent: custom`, which hands these variables to the theme.
 *
 * The greens are Django's own: #092E20 and #0C4B33 from the project's
 * brand palette, with #44B78B as the lighter accent.
 */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0c4b33;
  --md-primary-fg-color--light: #44b78b;
  --md-primary-fg-color--dark: #092e20;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color: #2e8b6a;
  --md-accent-fg-color--transparent: rgba(46, 139, 106, 0.1);
  --md-typeset-a-color: #0c6b48;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #092e20;
  --md-primary-fg-color--light: #44b78b;
  --md-primary-fg-color--dark: #06241a;
  --md-accent-fg-color: #44b78b;
  --md-accent-fg-color--transparent: rgba(68, 183, 139, 0.1);
  --md-typeset-a-color: #5fd0a4;
}

/*
 * Plain collapsed blocks, written `??? plain "Title"` on a page: a grey
 * border, no colored title bar, and no icon, for text a reader opens only
 * when they need it, such as a troubleshooting tip. The chevron that opens
 * the block stays. The palette variables change with the light and dark
 * schemes.
 */
.md-typeset .admonition.plain,
.md-typeset details.plain {
  border-color: var(--md-default-fg-color--lighter);
  box-shadow: none;
}

.md-typeset .admonition.plain:focus-within,
.md-typeset details.plain:focus-within {
  box-shadow: none;
}

.md-typeset .plain > .admonition-title,
.md-typeset .plain > summary {
  background-color: transparent;
  padding-left: 0.6rem;
}

.md-typeset .plain > .admonition-title::before,
.md-typeset .plain > summary::before {
  display: none;
}

/*
 * The footer: the social icons first and larger, then the author and the
 * licenses (partials/copyright.html), on one compact row. On a phone the
 * text wraps below the icons.
 */
.md-footer-meta__inner {
  align-items: center;
  column-gap: 1.6rem;
  justify-content: flex-start;
}

.md-footer-meta__inner .md-social {
  gap: 0.5rem;
  margin-left: 0.6rem;
  order: -1;
}

.md-footer-meta__inner .md-social__link {
  height: 2rem;
  width: 2rem;
}

.md-footer-meta__inner .md-social__link svg {
  max-height: 1.3rem;
}

.md-copyright {
  line-height: 1.6;
}