/* GaugeDesk docs — brand tokens + type, mirroring the GaugeWright brand
   SSOT (hub: brand/palette.css, brand/typography.css). Navy-led, brand-blue
   accent, serif-voice headings. Honest capability-status badges below. */

@import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:wght@400&display=swap');

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "CommitMono";
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url("fonts/commit-mono-v1.143.woff2") format("woff2");
}

:root {
  --gw-navy: #0e2d50;
  --gw-blue: #1f61c4;
  --gw-serif: "STIX Two Text", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --md-text-font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --md-code-font: "CommitMono", "Commit Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --md-primary-fg-color: var(--gw-navy);
  --md-accent-fg-color: var(--gw-blue);
  --md-typeset-a-color: var(--gw-blue);
}

.md-typeset code,
.md-typeset pre,
.md-search-result mark {
  font-feature-settings: "ss03" 1, "ss04" 1, "ss05" 1;
}

/* Dark scheme: lighten accents for contrast on deep navy. */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0c1a2e;
  --md-accent-fg-color: #4f8fe6;
  --md-typeset-a-color: #6aa3ff;
}

/* Serif carries the voice: headings + chrome titles. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__title,
.md-nav__title {
  font-family: var(--gw-serif);
  font-weight: 400;
}
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  letter-spacing: -0.01em;
}
.md-typeset h1 :is(b, strong),
.md-typeset h2 :is(b, strong),
.md-typeset h3 :is(b, strong),
.md-header__title :is(b, strong),
.md-nav__title :is(b, strong) {
  font-weight: inherit;
}

/* Inline capability-status badges, used throughout the docs.
   Honest three-state vocabulary (plus "no"):
   Available · Built (not deployed) · Planned · Not implemented. */
.status {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 0.05rem 0.45rem;
  border-radius: 1rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  color: var(--md-default-fg-color--light);
  white-space: nowrap;
  vertical-align: middle;
}
.status.available { color: #2e9e6b; border-color: #2e9e6b66; background: #2e9e6b14; }
.status.built     { color: #1f61c4; border-color: #1f61c466; background: #1f61c414; }
.status.planned   { color: #c6952f; border-color: #c6952f66; background: #c6952f14; }
.status.none      { color: #b5342b; border-color: #b5342b66; background: #b5342b14; }
[data-md-color-scheme="slate"] .status.available { color: #7fd6a6; }
[data-md-color-scheme="slate"] .status.built     { color: #6aa3ff; }
[data-md-color-scheme="slate"] .status.planned   { color: #e0b24e; }
[data-md-color-scheme="slate"] .status.none      { color: #e0655c; }
