/* ──────────────────────────────────────────────────────────────
   TrackBooks brand theme for MkDocs Material
   Palette pulled from the app's tailwind.config.ts:
   navy #05266B · navy-deep #193D7E · teal #06B49C · teal-accent #22C4B7
   mint #D9F3EE · slate #1F2A44 · gray #6B7280 · off-white #F8FAFC
   ────────────────────────────────────────────────────────────── */

:root {
  --tb-navy: #05266b;
  --tb-navy-deep: #193d7e;
  --tb-teal: #06b49c;
  --tb-teal-accent: #22c4b7;
  --tb-mint: #d9f3ee;
  --tb-slate: #1f2a44;
  --tb-gray: #6b7280;
  --tb-off-white: #f8fafc;
}

/* Light mode — navy chrome, teal accents */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--tb-navy);
  --md-primary-fg-color--light: var(--tb-navy-deep);
  --md-primary-fg-color--dark: #041d52;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: var(--tb-teal);
  --md-typeset-a-color: var(--tb-teal);
  --md-default-fg-color: var(--tb-slate);
  --md-footer-bg-color: var(--tb-navy);
}

/* Dark mode — same navy chrome, brighter teal for contrast */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--tb-navy);
  --md-accent-fg-color: var(--tb-teal-accent);
  --md-typeset-a-color: var(--tb-teal-accent);
  --md-footer-bg-color: #04205c;
}

/* Header: subtle bottom border like the app's chrome */
.md-header {
  box-shadow: 0 1px 0 rgba(5, 38, 107, 0.08);
}

/* Logo sizing to match the app's compact mark */
.md-header__button.md-logo img {
  height: 1.6rem;
  width: auto;
}

/* Active / hovered nav items in TrackBooks teal */
.md-nav__link--active,
.md-nav__link:hover,
.md-nav__link:focus,
.md-tabs__link--active {
  color: var(--tb-teal);
}

/* Section labels (left nav group titles) in navy, like the app's sidebar */
.md-nav__item--section > .md-nav__link {
  color: var(--tb-navy);
  font-weight: 700;
}

/* "Start here" cards: teal hover ring, matching the app's card style */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > .card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.6rem;
  transition: border-color 120ms, box-shadow 120ms;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--tb-teal);
  box-shadow: 0 2px 10px rgba(6, 180, 156, 0.12);
}

/* Primary buttons / links rendered as buttons in teal */
.md-typeset .md-button--primary {
  background-color: var(--tb-teal);
  border-color: var(--tb-teal);
  color: #fff;
}

/* Search input accent on focus */
.md-search__input:focus,
.md-search__input:hover {
  background-color: rgba(255, 255, 255, 0.16);
}

/* Code/inline-code tint toward the brand neutral */
.md-typeset code {
  background-color: var(--tb-off-white);
}