/* U2V brand tokens — mirrors the brand guide in u2v-lp-share/config.yaml
   (accent green #17A34A, black text, dark-grey muted, light-grey ground). */

:root {
  --u2v-green: #17A34A;
  --u2v-green-dark: #0f7a37;
  --u2v-muted: #737373;
}

/* Material "custom" primary/accent → U2V green */
:root {
  --md-primary-fg-color: var(--u2v-green);
  --md-primary-fg-color--light: #34b862;
  --md-primary-fg-color--dark: var(--u2v-green-dark);
  --md-accent-fg-color: var(--u2v-green-dark);
}

/* Keep the top header readable: white text on green in light mode. */
.md-header {
  color: #ffffff;
}

/* Links pick up the brand green. */
.md-typeset a {
  color: var(--u2v-green-dark);
}
[data-md-color-scheme="slate"] .md-typeset a {
  color: #34b862;
}

/* Slightly tighter, calmer body rhythm for a reference-style read. */
.md-typeset {
  font-size: 0.78rem;
}

/* Status pills used across the site: <span class="pill pill-live">Live</span> */
.pill {
  display: inline-block;
  padding: 0.05rem 0.5rem;
  border-radius: 1rem;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}
.pill-live   { background: #17A34A22; color: #0f7a37; border: 1px solid #17A34A55; }
.pill-built  { background: #f59e0b22; color: #b45309; border: 1px solid #f59e0b55; }
.pill-wip    { background: #73737322; color: #525252; border: 1px solid #73737355; }

[data-md-color-scheme="slate"] .pill-live  { color: #34b862; }
[data-md-color-scheme="slate"] .pill-built { color: #fbbf24; }
[data-md-color-scheme="slate"] .pill-wip   { color: #a3a3a3; }