/* Custom palette pulled from the fantasyfb logo.
 * Primary: deep navy from the football outline and lettering (#18304a).
 * Accent: green from the laces and "51" (#79ac57).
 *
 * Material uses `--md-primary-fg-color` for the header bar, sidebar
 * highlights, and link color; `--md-accent-fg-color` for hover state,
 * the copy-code button, and the "active" indicator in the nav.
 */

:root {
  --md-primary-fg-color:           #18304a;
  --md-primary-fg-color--light:    #2c4a6b;
  --md-primary-fg-color--dark:     #0f2038;

  /* Text/icon color when shown on the primary-colored background
     (e.g. the white "fantasyfb" title in the header bar). */
  --md-primary-bg-color:           hsla(0, 0%, 100%, 1);
  --md-primary-bg-color--light:    hsla(0, 0%, 100%, 0.7);

  --md-accent-fg-color:            #79ac57;
  --md-accent-fg-color--transparent: rgba(121, 172, 87, 0.1);
  --md-accent-bg-color:            hsla(0, 0%, 100%, 1);
  --md-accent-bg-color--light:     hsla(0, 0%, 100%, 0.7);
}

/* In dark mode the navy is so close to the page background that the
   header would blend in; lift it a touch and brighten the green for
   better legibility against the slate scheme. */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:           #24466b;
  --md-accent-fg-color:            #93c775;
  --md-accent-fg-color--transparent: rgba(147, 199, 117, 0.15);
}

/* The header logo mark is navy-on-transparent, same family as the
   header bar itself, so it disappears without a light backing chip
   to sit on. Also sized up from Material's 1.2rem default — the
   header bar (2.4rem tall) has room for it. */
.md-header__button.md-logo {
  padding: 4px;
}

.md-header__button.md-logo img {
  height: 1.8rem;
  background: hsla(0, 0%, 100%, 0.9);
  border-radius: 50%;
  padding: 3px;
}

/* Material's base reset sets `td, th { font-weight: 400 }`, which
   headings nested inside a table cell (e.g. the homepage's logo/intro
   layout) inherit instead of the browser's normal bold h1 default. */
.md-typeset table :is(h1, h2, h3, h4, h5, h6) {
  font-weight: bold;
}