:root {
  --plantator-green-950: #102d25;
  --plantator-green-800: #173f32;
  --plantator-green-650: #28624b;
  --plantator-paper: #f4edda;
  --plantator-paper-deep: #e4d5b4;
  --plantator-ink: #24312b;
  --plantator-brass: #ae812f;
  --plantator-red: #a94332;
  --plantator-blue: #357a8a;
  --plantator-yellow: #d0a42e;
}

[data-md-color-scheme="plantator-light"] {
  --md-primary-fg-color: var(--plantator-green-800);
  --md-primary-fg-color--light: var(--plantator-green-650);
  --md-primary-fg-color--dark: var(--plantator-green-950);
  --md-accent-fg-color: var(--plantator-red);
  --md-default-bg-color: #f7f2e5;
  --md-default-fg-color: var(--plantator-ink);
  --md-typeset-a-color: #1f6651;
}

[data-md-color-scheme="plantator-dark"] {
  --md-primary-fg-color: #173f32;
  --md-primary-fg-color--light: #28624b;
  --md-primary-fg-color--dark: #0b201a;
  --md-accent-fg-color: #e0ad49;
  --md-default-bg-color: #17211d;
  --md-default-fg-color: #f1ead8;
  --md-typeset-a-color: #86cbb0;
}

body {
  letter-spacing: 0;
}

.md-header {
  border-bottom: 3px solid var(--plantator-brass);
  box-shadow: none;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  border-radius: 5px;
}

.md-banner {
  background: var(--plantator-green-950);
  color: #f8f1df;
}

.plantator-announcement {
  display: flex;
  justify-content: center;
  gap: 0.65rem;
  font-size: 0.72rem;
  font-weight: 700;
}

.plantator-announcement a {
  color: #f4c96d;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--plantator-green-800);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0;
}

[data-md-color-scheme="plantator-dark"] .md-typeset h1,
[data-md-color-scheme="plantator-dark"] .md-typeset h2,
[data-md-color-scheme="plantator-dark"] .md-typeset h3 {
  color: #d7e8d9;
}

.md-typeset h1 {
  font-weight: 700;
}

.md-nav__title {
  color: #5f5b54;
}

.md-typeset h2 {
  border-bottom: 1px solid color-mix(in srgb, var(--plantator-brass), transparent 45%);
  padding-bottom: 0.28rem;
}

.md-typeset table:not([class]) {
  border: 1px solid var(--plantator-paper-deep);
  border-radius: 4px;
  box-shadow: none;
}

.md-typeset table:not([class]) th {
  background: var(--plantator-green-800);
  color: #fff8e7;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 4px;
  box-shadow: none;
}

.md-typeset .plantator-hero {
  align-items: end;
  background-image:
    linear-gradient(90deg, rgba(11, 32, 26, 0.91), rgba(11, 32, 26, 0.35)),
    url("../images/greenhouse-desk.webp");
  background-position: center;
  background-size: cover;
  border: 1px solid #8d7137;
  border-radius: 6px;
  color: #fff8e7;
  display: flex;
  min-height: 21rem;
  overflow: hidden;
  padding: clamp(1.4rem, 5vw, 3.2rem);
}

.md-typeset .plantator-hero > div {
  max-width: 32rem;
}

.md-typeset .plantator-hero h1 {
  color: #fff8e7;
  font-size: clamp(2rem, 6vw, 3.8rem);
  line-height: 1;
  margin: 0 0 0.8rem;
}

.md-typeset .plantator-hero p {
  font-size: 1.02rem;
  line-height: 1.55;
  margin: 0;
}

.md-typeset .language-links {
  border-bottom: 1px solid var(--plantator-paper-deep);
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1rem;
  margin-bottom: 1.4rem;
  padding-bottom: 0.65rem;
}

.md-typeset .language-links a[aria-current="page"] {
  color: var(--md-default-fg-color);
  font-weight: 700;
  text-decoration: none;
}

.md-typeset p a,
.md-typeset li a {
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.16em;
}

.md-typeset .tool-summary {
  border-left: 4px solid var(--plantator-blue);
  font-size: 1.04rem;
  padding: 0.25rem 0 0.25rem 1rem;
}

.md-typeset .status-note {
  background: color-mix(in srgb, var(--plantator-yellow), transparent 84%);
  border-left: 4px solid var(--plantator-yellow);
  padding: 0.75rem 1rem;
}

.plantator-footer {
  align-items: center;
  background: var(--plantator-green-950);
  color: #eee5d0;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  min-height: 5rem;
  padding: 1.1rem max(1.2rem, calc((100% - 61rem) / 2));
}

.plantator-footer div,
.plantator-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1rem;
}

.plantator-footer a {
  color: #f4c96d;
}

@media (max-width: 44rem) {
  .md-typeset .plantator-hero {
    background-image:
      linear-gradient(rgba(11, 32, 26, 0.78), rgba(11, 32, 26, 0.78)),
      url("../images/greenhouse-desk.webp");
    min-height: 18rem;
  }

  .plantator-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}