/* virtsync store — base stylesheet (loaded on every page). * Served at /static/base.css: by nginx from disk in production, by the app's own * /static handler in dev (make dev) / when nginx isn't in front. * * Design intent (audience = sysadmins / infra engineers): restrained, text-first, * "serious tool" not "SaaS template". Dark by default (this audience lives in * terminals); a light variant tracks the OS setting. The code/demo block is a * first-class element — it does the selling. It's a plain 
 on a slightly
 * different background, not fake window chrome.
 *
 * Scope: normalisation, the shell from base.html (header/footer/brand column),
 * global typography, and everything the home page (index.html) renders — the
 * demo block, the pricing tiers and the buttons. Pages that need more pull in
 * their own stylesheet via base.html's {% block head %} (forms.css, admin.css).
 *
 * Two sections only:
 *   1. NORMALISATION — cross-browser reset; no site styling.
 *   2. SITE          — everything virtsync-specific.
 */

/* ── 1. NORMALISATION ───────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  min-height: 100vh;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img, svg {
  display: block;
  max-width: 100%;
}
input, button, select {
  font: inherit;
  color: inherit;
}

/* ── 2. SITE ────────────────────────────────────────────────────────────────── */

/* Design tokens. Dark is the default; the light block below only overrides what
 * changes (the terminal deliberately stays dark in light mode). */
:root {
  /* Declared, not just implied by the tokens: the OS draws a