/* ═══════════════════════════════════════════════════════════════════
   FOUNDATION — the palette, and nothing that has an opinion about a page.

   THE RULE: foundation names only the document and the universe —
   `*`, `html`, `body`, `svg`. Never page furniture. No `.frame`, no
   `header`, no `.card`. Those belong to whichever page wants them.

   THE PALETTE IS THE ARITHMETIC. Seven colours, each meaning exactly
   one thing, and the two units wear the sign convention: positive is
   blue and sinks; negative is red — red ink, the colour debt has
   always been written in — and lifts. Nothing on a page may use a
   colour for a second meaning — an eighth idea gets an eighth token
   or it does not appear.

     --room      the world the instrument stands in
     --machine   the apparatus: beam, strings, pans. Quiet, steel.
     --block     the unit, +1. Blue — dense, sinks.
     --balloon   the unit the other way up, −1. Red — lifts.
     --bag       the unknown. Undyed canvas — zero saturation,
                 because a bag's colour must tell you nothing.
     --field     ground made countable — the square a side covers.
                 The one substance a figure of areas is measured in.
     --gold      equality itself. Appears NOWHERE except at level:
                 the rarest reading gets the rarest colour.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --room:#F4F2EE; --surface:#FFFFFF;
  --machine:#3A3D46; --machine-soft:#6A6E7A;
  --block:#4E79B2;  --block-deep:#3D6295;
  --balloon:#D95B4A; --balloon-deep:#B94736;
  --bag:#A79A87;    --bag-deep:#8C7F6C;
  --field:#548A76;  --field-deep:#3F6B5B;
  --gold:#C9A227;

  --ink:#26262B; --muted:#8B8680; --faint:#B4AFa7; --line:#E4E1DA;

  --serif:"New York","Iowan Old Style",Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--room);color:var(--ink);font-family:var(--sans);
          -webkit-font-smoothing:antialiased}

/* an instrument is dragged, never scrolled over — the browser must not
   claim the gesture before the piece sees it */
svg{display:block;width:100%;height:auto;touch-action:none}