/* PUMA corporate identity — strict monochrome (black / white / grayscale).
   The logo (assets/img/PUMA.png) is an 8-bit grayscale image with no color
   information; the site follows it: no accent hue anywhere. Links are
   distinguished by weight + underline rather than a color tint. */

/* ---------- Light mode ---------- */
[data-md-color-scheme="default"] {
  --md-default-bg-color:          #FFFFFF;
  --md-default-bg-color--light:   #F5F5F5;
  --md-default-fg-color:          #000000;
  --md-default-fg-color--light:   #333333;
  --md-default-fg-color--lighter: #757575;
  --md-default-fg-color--lightest:#E0E0E0;
  --md-primary-fg-color:          #000000;
  --md-primary-bg-color:          #FFFFFF;
  --md-accent-fg-color:           #000000;
  --md-code-bg-color:             #F5F5F5;
  --md-code-fg-color:             #000000;
  --md-typeset-a-color:           #000000;
}

/* ---------- Dark mode ---------- */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:          #000000;
  --md-default-bg-color--light:   #0D0D0D;
  --md-default-fg-color:          #FAFAFA;
  --md-default-fg-color--light:   #B3B3B3;
  --md-default-fg-color--lighter: #888888;
  --md-default-fg-color--lightest:#2C2C2C;
  --md-primary-fg-color:          #000000;
  --md-primary-bg-color:          #FAFAFA;
  --md-accent-fg-color:           #FFFFFF;
  --md-code-bg-color:             #0D0D0D;
  --md-code-fg-color:             #FAFAFA;
  --md-typeset-a-color:           #FAFAFA;
}

/* Links: weight + underline instead of a color tint. */
.md-typeset a {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.md-typeset a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

/* Neutralize the header/footer to pure monochrome (Material's slate scheme
   otherwise leaves a faint hue on the primary surfaces). */
.md-header,
.md-footer {
  background-color: #000000;
  color: #FFFFFF;
}
.md-header__title,
.md-footer-meta {
  color: #FFFFFF;
}

/* Code blocks stay grayscale; highlight accents inherit fg, not a color. */
.md-typeset code,
.md-typeset pre > code {
  border: 1px solid var(--md-default-fg-color--lightest);
}

/* Tables: thin grayscale rules. */
.md-typeset table:not([class]) th {
  background-color: var(--md-default-bg-color--light);
}