/* CatalystData docs — brand palette
 * Matches the tokens in marketing-cms/src/Catalyst.Marketing/wwwroot/css/tokens/colors.css:
 * Navy (Deep Core, #0b2447) as primary, Signal (cyan-teal, #19a7ce) as accent.
 * The marketing site is dark-only; the docs site supports both themes, so
 * these values are tuned for light/dark contrast rather than copied 1:1.
 */

[data-md-color-primary="custom"] {
  --md-primary-fg-color: #0b2447;
  --md-primary-fg-color--light: #143a63;
  --md-primary-fg-color--dark: #0a1128;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.8);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: #0f7a94;
  --md-accent-fg-color--transparent: rgba(25, 167, 206, 0.1);
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: rgba(255, 255, 255, 0.7);
}

/* Slightly warm the default neutral ramp toward navy rather than pure grey */
:root {
  --md-default-fg-color--light: #45566b;
  --md-typeset-a-color: #0f7a94;
}

.md-typeset code {
  font-variant-numeric: tabular-nums;
}

/* Section labels used across generated reference tables (Phase 2) */
.md-typeset .catalyst-pill {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.1em 0.5em;
  border-radius: 3px;
  background: var(--md-accent-fg-color--transparent);
  color: var(--md-accent-fg-color);
}