/* Klyrek brand color, matching website/styles.css's --blue token, applied
   via Material's "custom" primary palette mechanism. */
:root {
  --md-primary-fg-color: #2F5AF0;
  --md-primary-fg-color--light: #6E8FF5;
  --md-primary-fg-color--dark: #1E3FB0;
  --md-accent-fg-color: #2F5AF0;
}

/* Light scheme (the default): pure white background, near-black text,
   matching website/styles.css's --bg:#FFFFFF / --text:#0A0A0C tokens
   exactly, rather than Material's default off-white/dark-slate-gray. */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #FFFFFF;
  --md-default-fg-color: #0A0A0C;
  --md-default-fg-color--light: rgba(10, 10, 12, 0.7);
  --md-default-fg-color--lighter: rgba(10, 10, 12, 0.32);
  --md-default-fg-color--lightest: rgba(10, 10, 12, 0.07);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2F5AF0;
  --md-default-bg-color: #0A0A0C;
}

/* Mobile nav drawer: Material's defaults get visually dense with 14+ package
   pages nested under one section. Give items more breathing room and a
   slightly larger, clearer label size for touch targets. */
@media screen and (max-width: 76.1875em) {
  .md-nav--primary .md-nav__title {
    padding-top: 1.05rem;
    padding-bottom: 1.05rem;
  }
  .md-nav--primary .md-nav__item {
    border-top: 1px solid var(--md-default-fg-color--lightest);
  }
  .md-nav--primary .md-nav__link {
    padding: 0.65rem 0;
    font-size: 0.72rem;
  }
  .md-nav--primary .md-nav__link--index .md-nav__link {
    font-weight: 600;
  }
}