/* base.css — palette, reset, the tube (everything the screen displays lives inside .tube). */

:root{
  --paper:#DDE3E8; --ink:#1E2A38; --ink-2:#43505e; --hair:#9aa6b0;
  --green:#2E7D32;
  --mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;
  --sans:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{background:var(--paper); overflow-x:hidden}   /* nothing on this page scrolls sideways except .tablewrap */
body{
  margin:0; color:var(--ink);
  font-family:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height:1.5; -webkit-font-smoothing:antialiased;
}

/* ---- the tube: everything the screen displays lives inside it; overlays sit outside ---- */
.tube{ min-height:100vh; background:var(--paper); }