/* SRA brand — tokens per docs/wiki/reference/design.md (client docs = light theme) */
:root {
  --md-primary-fg-color: #14244C;        /* navy */
  --md-primary-fg-color--light: #1F3A7A;
  --md-primary-fg-color--dark: #0A1226;  /* navy-dark */
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-accent-fg-color: #8170F1;         /* brand purple */
  --md-accent-fg-color--transparent: rgba(129, 112, 241, 0.1);
}

/* Modern variant paints the header from default-bg/fg; rebrand it navy + white */
.md-header, .md-tabs {
  background-color: #14244C;
  color: #fff;
}
.md-header { -webkit-backdrop-filter: none; backdrop-filter: none; }
.md-header--shadow { box-shadow: 0 0.05rem 0 rgba(255, 255, 255, 0.12); }
.md-tabs { box-shadow: 0 -0.05rem 0 inset rgba(255, 255, 255, 0.12); }
.md-tabs__link { color: #cdd6f0; }
.md-tabs__link--active, .md-tabs__link:hover { color: #fff; }
.md-header .md-logo img, .md-header .md-logo svg { height: 1.6rem; width: auto; }

/* Metric-tier chips — mirror the dashboard's tier labels */
.tier {
  display: inline-block; padding: 0.1em 0.55em; border-radius: 999px;
  font-size: 0.7em; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; vertical-align: middle;
}
.tier-measured  { background: rgba(70, 211, 154, 0.15); color: #2c9d6e; }
.tier-estimated { background: rgba(240, 169, 63, 0.18); color: #b07514; }
.tier-modeled   { background: rgba(129, 112, 241, 0.15); color: #8170F1; }