/* ============================================================
   Iverywhere Team Wiki — brand skin
   Brunswick Green · Ivory · Himalaya
   Lato (body) + Ivy Ora (display, Adobe Fonts) / Cormorant fallback

   Intentionally small. Everything else uses Material's defaults.
   To restyle a thing, prefer overriding a Material CSS variable
   in the palette blocks below before adding a new selector.
   ============================================================ */

:root {
  --iv-green:    #284936;   /* primary */
  --iv-ivory:    #F8F8EE;   /* neutral background */
  --iv-himalaya: #FFF6F9;   /* accent */
  --iv-green-deep: #14241a; /* deep variant for dark canvas */

  --iv-font-display: "ivyora-display", "ivyora-text", "Ivy Ora",
                     "Cormorant Garamond", Georgia, serif;
  --iv-font-body:    "Lato", -apple-system, BlinkMacSystemFont,
                     "Segoe UI", Helvetica, Arial, sans-serif;
}

/* ---------- Light scheme ---------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        var(--iv-green);
  --md-primary-fg-color--light: #355d44;
  --md-primary-fg-color--dark:  #1b3325;
  --md-primary-bg-color:        var(--iv-ivory);
  --md-accent-fg-color:         var(--iv-green);
  --md-default-bg-color:        var(--iv-ivory);
  --md-typeset-a-color:         #355d44;
  --md-footer-bg-color:         var(--iv-green);
  --md-footer-bg-color--dark:   #1b3325;
}

/* ---------- Dark scheme — Brunswick Green canvas, no black ---------- */
[data-md-color-scheme="slate"] {
  --md-hue: 150;
  --md-primary-fg-color:        var(--iv-green-deep);
  --md-primary-fg-color--light: #234029;
  --md-primary-fg-color--dark:  #0a1610;
  --md-primary-bg-color:        var(--iv-ivory);
  --md-accent-fg-color:         #E8AFC2;        /* Himalaya, lifted */
  --md-default-bg-color:        var(--iv-green-deep);
  --md-typeset-a-color:         #E8AFC2;
  --md-footer-bg-color:         #0e1c14;
  --md-footer-bg-color--dark:   #0a1610;
}

/* ---------- Typography ---------- */
body, .md-typeset {
  font-family: var(--iv-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-family: var(--iv-font-display);
  font-weight: 500;
  letter-spacing: -0.005em;
}

/* ---------- Header — Ivory in light, deep green in dark ---------- */
.md-header {
  background-color: var(--iv-ivory);
  color: var(--iv-green);
  box-shadow: none;
  border-bottom: 1px solid #E3E3D0;
}
[data-md-color-scheme="slate"] .md-header {
  background-color: var(--iv-green-deep);
  color: var(--iv-ivory);
  border-bottom: 1px solid rgba(248,248,238,0.08);
}
.md-header__button.md-logo img {
  height: 1.75rem;
  width: auto;
  display: block;
}
/* Hide redundant text title — wordmark says it */
.md-header__title .md-header__topic:first-child { display: none; }

/* ---------- Footer ---------- */
.md-footer-meta {
  font-family: var(--iv-font-body);
}

/* ---------- "Last update" date strip ---------- */
.md-source-file {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #E3E3D0;
  font-family: var(--iv-font-body);
  font-size: 0.72rem;
  color: #5a7c66;
}
[data-md-color-scheme="slate"] .md-source-file {
  border-top-color: rgba(248,248,238,0.10);
  color: rgba(248,248,238,0.55);
}

/* ---------- Visually-hidden utility (for SR-only headings) ---------- */
.iv-sr-only,
.md-typeset .iv-sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}