/* tickStat brand overlay for MkDocs Material.
   Primary: #FF9200 (orange) · Secondary: #1769DB (blue) · Navy: #182844. */

:root {
  --md-primary-fg-color:        #182844;
  --md-primary-fg-color--light: #1A2A42;
  --md-primary-fg-color--dark:  #0F1A2A;
  --md-accent-fg-color:         #FF9200;
  --md-accent-fg-color--transparent: rgba(255, 146, 0, 0.1);

  --tickstat-orange: #FF9200;
  --tickstat-orange-hover: #FF7A00;
  --tickstat-blue: #1769DB;
  --tickstat-navy: #182844;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #0F1A2A;
  --md-primary-fg-color--light: #182844;
  --md-primary-fg-color--dark:  #0A1220;
  --md-accent-fg-color:         #FFB347;
}

/* Headings — use Montserrat for hierarchy contrast with body text. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Montserrat", "Open Sans", system-ui, sans-serif;
  font-weight: 700;
  color: var(--tickstat-navy);
  letter-spacing: -0.01em;
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4 {
  color: #ffffff;
}

/* H1 carries an orange underline accent — clear brand signal at the top of every page. */
.md-typeset h1 {
  border-bottom: 3px solid var(--tickstat-orange);
  padding-bottom: 0.4rem;
  margin-bottom: 1.2rem;
}

/* Inline links — orange to match the brand, hover darker. */
.md-typeset a {
  color: var(--tickstat-orange);
}
.md-typeset a:hover {
  color: var(--tickstat-orange-hover);
}

/* Sidebar active item — orange accent bar. */
.md-nav__item--active > .md-nav__link,
.md-nav__link--active {
  color: var(--tickstat-orange) !important;
  font-weight: 600;
}

/* Announcement bar — navy background to match brand. */
.md-banner {
  background-color: var(--tickstat-navy);
  color: #ffffff;
}

/* Footer — keep consistent navy. */
.md-footer {
  background-color: var(--tickstat-navy);
}
.md-footer-meta {
  background-color: var(--tickstat-navy);
}

/* Code blocks — subtle accent, easier on the eye than the default Material gray. */
.md-typeset code {
  background-color: rgba(255, 146, 0, 0.08);
  color: var(--tickstat-navy);
  border-radius: 3px;
  padding: 0.1em 0.35em;
}
[data-md-color-scheme="slate"] .md-typeset code {
  color: #ffd6a1;
  background-color: rgba(255, 146, 0, 0.18);
}

/* Tables — orange header band to brand otherwise neutral content. */
.md-typeset table:not([class]) th {
  background-color: var(--tickstat-navy);
  color: #ffffff;
  font-family: "Montserrat", "Open Sans", system-ui, sans-serif;
  font-weight: 600;
}

/* Blockquote — used by the carve-out stubs ("X has its own dedicated page"). Make it stand out. */
.md-typeset blockquote {
  border-left: 4px solid var(--tickstat-orange);
  background-color: rgba(255, 146, 0, 0.06);
  color: var(--tickstat-navy);
  padding: 0.8rem 1rem;
  border-radius: 0 4px 4px 0;
}
[data-md-color-scheme="slate"] .md-typeset blockquote {
  background-color: rgba(255, 146, 0, 0.12);
  color: #e8e8e8;
}

/* Logo size — the source PNG is large; constrain to a sensible header height. */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.8rem;
  width: auto;
}