@font-face { font-family: "Roboto Condensed"; src: url(/fonts/RobotoCondensed-Bold.ttf) format("truetype"); font-weight: 700; font-display: block; }
@font-face { font-family: "Roboto Condensed"; src: url(/fonts/RobotoCondensed-Regular.ttf) format("truetype"); font-weight: 400; font-display: block; }

:root {
  --green: #348A3C;
  --wordmark: #FFFFFF;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --head: "Roboto Condensed", "Arial Narrow", sans-serif;
  --bg: #FFFFFF; --ink: #111111; --ink2: #3A3A3C; --muted: #6C6C70;
  --accent: #1B6B25; --fill: #2F7D36;
  --rule: #E5E5EA; --rule2: #D1D1D6; --band: #F2F2F7; --card: #F2F2F7;
  --tint: #E3F1E4; --code: #E9E9EE; --priv: #111111; --foot: #2E7D36;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --wordmark: #3A2A1E;
    --bg: #000000; --ink: #FFFFFF; --ink2: #C7C7CC; --muted: #AEAEB2;
    --accent: #6FCF7A; --fill: #3A9A44;
    --rule: #2C2C2E; --rule2: #3A3A3C; --band: #1C1C1E; --card: #1C1C1E;
    --tint: #1E3B23; --code: #2C2C2E; --priv: #1C1C1E; --foot: #143D1A;
  }
}
:root[data-theme="dark"] {
  --wordmark: #3A2A1E;
  --bg: #000000; --ink: #FFFFFF; --ink2: #C7C7CC; --muted: #AEAEB2;
  --accent: #6FCF7A; --fill: #3A9A44;
  --rule: #2C2C2E; --rule2: #3A3A3C; --band: #1C1C1E; --card: #1C1C1E;
  --tint: #1E3B23; --code: #2C2C2E; --priv: #1C1C1E; --foot: #143D1A;
}
:root { color-scheme: light dark; }
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); }


/* The wordmark, as a mask so it takes the text colour (same as sections.css). */
.vw { display: inline-block; height: .8em; width: 2.52em; vertical-align: -.05em; background: currentColor;
  -webkit-mask: url(/img/VistoWordmark-currentColor.svg) center / contain no-repeat; mask: url(/img/VistoWordmark-currentColor.svg) center / contain no-repeat; }