/* Pult design tokens: fonts and the colors of both themes. Shared by the public site (site.css) and the
   cabinet with the status pages (pult.css), so the two never drift apart. Dark by default; light when
   the visitor picks it (theme.js puts data-theme="light" on <html>, the choice lives in localStorage
   "pult-theme"). Fonts: Manrope (text) and Unbounded (wordmark, headings), self-hosted (OFL). */
@font-face { font-family: "Manrope"; src: url("/static/fonts/Manrope-variable.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Unbounded"; src: url("/static/fonts/Unbounded-variable.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }

:root {
  --bg: #0b0b0f; --bg-2: #101015; --card: #15151b; --card-2: #1b1b23; --line: #262630; --line-2: #1e1e27;
  --wire: #30303c; --ink: #f3f3f6; --ink-2: #c9c9d1; --muted: #9b9ba7; --link: #a5a3ff;
  --ok: #30d158; --ok-ink: #30d158; --degraded: #ffb340; --down: #ff453a; --unknown: #8e8e93; --info: #4aa3ff;
  --cta: #30d158; --cta-ink: #04210d; --cta-hover: #46da6a; --ghost: #1b1b23;
  --term: #08080b; --term-ink: #e9e9ee; --shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 12px 32px rgba(0,0,0,.35);
  --field: #5c5c6a; /* borders of form fields: 3:1 against the page (WCAG 1.4.11), unlike the hairlines */
  --r: 14px; --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  --display: "Unbounded", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #ffffff; --bg-2: #f5f5f8; --card: #ffffff; --card-2: #f3f3f7; --line: #e2e2e8; --line-2: #ececf1;
  --wire: #d4d4dd; --ink: #111114; --ink-2: #3c3c43; --muted: #5f5f69; --link: #4b48d6;
  --ok: #1f9d55; --ok-ink: #157a3f; --degraded: #a15c00; --down: #d70015; --unknown: #8e8e93; --info: #0a6fdf;
  --cta: #111114; --cta-ink: #ffffff; --cta-hover: #2a2a30; --ghost: #ffffff;
  --term: #15151a; --term-ink: #e9e9ee; --shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 28px rgba(20,20,40,.07);
  --field: #8c8c98;
  color-scheme: light;
}