/* SwampLink "Blackwater" identity tokens, per
   swamp-ops/docs/swamplink-umbrella/plan.md §6 -- keep these in sync with
   portal/swamp-tokens.css if that file's values ever change. */
:root {
  --bottom: #0e1214;
  --water: #161c1f;
  --heron: #dce4e2;
  --moss: #7f9089;
  --tannin: #e8b13f;
  --shallows: #4fa08f;
  --rule: #263133;
}

@import url("https://fonts.googleapis.com/css2?family=Bitter:wght@400;600;700&family=Alegreya+Sans:wght@400;500&family=IBM+Plex+Mono:wght@400;500&display=swap");

* { box-sizing: border-box; }

body {
  background: var(--bottom);
  color: var(--heron);
  font-family: "Alegreya Sans", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 2rem 1.25rem 4rem;
}

.page {
  max-width: 44rem;
  margin: 0 auto;
}

h1, h2, h3 {
  font-family: "Bitter", serif;
  font-weight: 700;
  color: var(--heron);
}

h1 { font-size: 1.9rem; margin-bottom: 0.25rem; }

.tagline {
  color: var(--moss);
  font-style: italic;
  margin-top: 0;
}

a { color: var(--shallows); }
a:hover { color: var(--tannin); }

hr {
  border: none;
  border-top: 1px solid var(--rule);
  margin: 2rem 0;
}

.figure-card {
  background: var(--water);
  border: 1px solid var(--rule);
  border-radius: 6px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}

.figure-value {
  font-family: "IBM Plex Mono", monospace;
  font-size: 1.6rem;
  color: var(--tannin);
}

.figure-unit {
  font-family: "IBM Plex Mono", monospace;
  color: var(--moss);
  font-size: 1rem;
}

.figure-subject { margin: 0.4rem 0 0.6rem; }

.badge {
  display: inline-block;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.72rem;
  padding: 0.1rem 0.45rem;
  border-radius: 3px;
  border: 1px solid var(--rule);
  color: var(--moss);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.badge.verified { color: var(--shallows); border-color: var(--shallows); }
.badge.preliminary { color: var(--tannin); border-color: var(--tannin); }

.caveats {
  font-size: 0.88rem;
  color: var(--moss);
  margin-top: 0.6rem;
}

.caveats li { margin-bottom: 0.3rem; }

.meta {
  font-size: 0.82rem;
  color: var(--moss);
  font-family: "IBM Plex Mono", monospace;
}

footer {
  margin-top: 3rem;
  font-size: 0.82rem;
  color: var(--moss);
}