/* ── HI Palette (honnun.hi.is) — mirrors tungufoss/quarto-hi styles/hi.scss ── */
:root {
  --hi-blue:   #10099F;
  --hi-teal:   #2DD2C0;
  --hi-green:  #00FFBA;
  --hi-yellow: #FAC55B;
  --hi-orange: #FFA05F;
  --hi-red:    #FC8484;
  --hi-pink:   #d61f69;
  --hi-paper:  #F5F5F5;
  --hi-panel:  #EEEEEE;
  --hi-ink:    #262626;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--hi-blue);
  --md-primary-fg-color--light: #3d37b5;
  --md-primary-fg-color--dark: #0b0670;
  --md-accent-fg-color: var(--hi-pink);
  --md-typeset-a-color: var(--hi-pink);
  --md-default-bg-color: var(--hi-paper);
  --md-default-fg-color--light: var(--hi-ink);
  --md-footer-bg-color: var(--hi-blue);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--hi-blue);
  --md-primary-fg-color--dark: #0b0670;
  --md-accent-fg-color: var(--hi-teal);
  --md-typeset-a-color: var(--hi-red);
}

/* HI headings: Jost, weight 900, brand color */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 900;
  letter-spacing: 0;
}

[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2 {
  color: var(--hi-blue);
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2 {
  color: var(--hi-teal);
}

/* HI named logo (mark + wordmark) is wide; give it more room than the
   default square Material logo slot */
.md-header__button.md-logo img {
  height: 1.7rem;
  width: auto;
}

/* BGG requires the Powered by BGG logo text to remain legible; a slim white
   backing keeps the navy lettering readable on the blue footer. */
.pbgg-footer {
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin-left: auto;
  background: #fff;
  padding: 0.2rem 0.45rem;
  border-radius: 0.3rem;
}

.pbgg-footer img {
  display: block;
  height: 1.8rem;
  width: auto;
}