/* ABOUTME: C2 brand layer for Material docs. */
/* ABOUTME: Maps C2 tokens to Material surfaces; loaded after tokens.css. No hardcoded values. */

/* Header/footer chrome -- matches landing nav bg + border */
.md-header,
.md-tabs {
  background-color: var(--bg-2);
  border-bottom: 1px solid var(--line-soft);
}

.md-footer {
  background-color: var(--bg-2);
  border-top: 1px solid var(--line-soft);
}

/* Mono display headings -- Material has no display-font slot */
.md-typeset h1,
.md-typeset h2 {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.018em;
}

/* Chip taxonomy: map C2 semantic hues to Material admonition types */
.md-typeset .admonition.note,
.md-typeset .admonition.info   { --md-admonition-fg-color: var(--cyan); }

.md-typeset .admonition.tip,
.md-typeset .admonition.success { --md-admonition-fg-color: var(--green); }

.md-typeset .admonition.warning { --md-admonition-fg-color: var(--gold); }

.md-typeset .admonition.danger,
.md-typeset .admonition.failure { --md-admonition-fg-color: var(--red); }

.md-typeset .admonition.abstract,
.md-typeset .admonition.example { --md-admonition-fg-color: var(--violet); }

/* Diff colours in code blocks */
.md-typeset .highlight .gi { color: var(--pass); }
.md-typeset .highlight .gd { color: var(--reject); }
.md-typeset .highlight .c  { color: var(--fg-mute); }

/* Shared nav-links injected into header */
.sd-nav-links {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 16px;
}

.sd-nav-links a {
  font-family: var(--font-read);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--md-default-fg-color--light);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.sd-nav-links a:hover {
  color: var(--md-default-fg-color);
}

@media (max-width: 600px) {
  .sd-nav-links {
    display: none;
  }
}