/* GitM docs — Tandem brand overrides (Material theme).
   Material's palette only accepts named colours, so the exact brand hexes
   (ink #11100E / paper #F5F0ED / terracotta #A6572F) are applied here.
   Target the colour-scheme selectors — they out-specify :root. */

[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #11100E;
  --md-primary-fg-color--light: #2A2824;
  --md-primary-fg-color--dark:  #11100E;

  /* Links, active nav, hover — the one warm interactive accent */
  --md-accent-fg-color:         #A6572F;
  --md-typeset-a-color:         #A6572F;

  /* Warm paper canvas — docs is a standalone site, so paper is on-brand
     here (unlike the in-SolidWorks task pane, which stays white). */
  --md-default-bg-color:        #F5F0ED;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #11100E;
  --md-accent-fg-color:         #A6572F;
  /* lighter terracotta so links stay legible on the dark canvas */
  --md-typeset-a-color:         #C99274;
}

/* Material's slate palette sets the link colour with the same selector
   specificity as the block above, so the `--md-typeset-a-color` override
   loses the source-order tie and links fall back to the default indigo.
   Pin the link colour directly on the element to win. (Light/default mode
   overrides the variable cleanly, so it doesn't need this.) */
[data-md-color-scheme="slate"] .md-typeset a {
  color: #C99274;
}
[data-md-color-scheme="slate"] .md-typeset a:hover,
[data-md-color-scheme="slate"] .md-typeset a:focus,
[data-md-color-scheme="slate"] .md-typeset a:active {
  color: #D8A788;
}

/* Same fix for the nav sidebar + table-of-contents active/hover links, which
   otherwise keep Material's indigo accent in slate. Material's active rule is
   `.md-nav__item .md-nav__link--active` (0,2,0), so match that structure with
   the scheme prefix to out-specify it. */
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active code,
[data-md-color-scheme="slate"] .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav__link:focus {
  color: #C99274;
}

/* Inline app-icon references in doc text — the real SVG path data pulled
   from GitM.UI's icon set (TaskPaneView.xaml resources), not emoji. Sized to
   sit on the text baseline next to a bold term or button label. 14px read as
   an invisible speck at normal zoom next to 16px body text — bumped up and
   darkened slightly for contrast against the paper canvas. */
.gitm-icon {
  height: 20px;
  width: 20px;
  vertical-align: -5px;
  margin: 0 2px;
  filter: brightness(0.75);
}

/* Footer — Tandem endorsement bar (mirrors GitMCloud's dash-footer).
   Force the meta bar to solid brand-ink black in both schemes so the white
   Tandem wordmark always reads. */
.md-footer-meta {
  background-color: #11100E;
}
/* This is Material's `.md-copyright` cell inside the (already flex) meta-inner
   row; flex:1 makes it claim the full width so copy sits left, endorse right. */
.gitm-footer {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gitm-footer__copy {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
}
.gitm-footer__endorse {
  display: flex;
  align-items: center;
  gap: 8px;
}
.gitm-footer__by {
  font-size: 11px;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
}
/* Material's `.md-typeset` scopes an em-based height onto inline SVG, which
   out-specifies a bare `.gitm-footer__wm`; the compound selector wins it back. */
.gitm-footer .gitm-footer__wm {
  height: 11px;
  width: auto;
  display: block;
}