/* AUTO-EXTRACTED from dashboard/index.html by S2-4 (one design system).
   MOVE, NOT REWRITE (C-9): every rule below is byte-identical to its
   source except (a) hard-coded hex -> tokens (SPRINT2_DESIGN §4.2) and
   (b) the .status-pill -> .angle-pill/.listing-pill rename (§4.3's three-step
   handoff: L3 aliased, L2 flipped the JS strings, and SERIAL-LAST has now
   DELETED the alias — it lived in components.css). Load order: see §4.1. */

/* base.css — resets + base typography. Loaded on EVERY page. */

/* ─────────────────────────────────────────────────────────────────────────
   2. Resets + base typography
   ───────────────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font: 15px/1.5 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  color: var(--ink);
  background: var(--paper);
  background-image: var(--bg-grad);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transition: background var(--t-base), color var(--t-base);
}
.serif { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; letter-spacing: -0.01em; }
button, input, textarea, select { font: inherit; color: inherit; }
button { background: none; border: 0; cursor: pointer; padding: 0; }
input, textarea { background: none; border: 0; outline: none; }
a { color: inherit; }
::selection { background: var(--accent-soft); color: var(--accent-dark); }