/* tools-shared.css — shared design tokens for the standalone tool documents embedded
   via <iframe> on /projects/p-06 (orc-tool.html) and /projects/p-07 (brayton-tool.html).

   SOURCE OF TRUTH: app/globals.css (:root). Iframes do not inherit CSS custom
   properties from their parent document, even same-origin, so each tool needs its
   own copy of the host's tokens — this file exists so there is exactly ONE such
   copy instead of two independently hand-typed ones that can silently drift apart.
   If a mirrored value changes in globals.css, update it here too.

   Mirrored verbatim from app/globals.css:
     --ink          #121212
     --ink-mute     #5a5a5a
     --rule         rgba(18, 18, 18, 0.12)
     --rule-strong  rgba(18, 18, 18, 0.28)
     --sans         "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif
     --radius-card  4px
     --space-1      8px
     --space-2      16px
     --space-3      24px
     --space-4      40px
     --space-5      64px
     --fs-body      16px
     --fs-meta      14px
     --fs-micro     12px

   --bg below is deliberately globals.css's --panel value (#f2f2f0), not its --bg
   (#fafafa) — the tool's page ground has to match the .panel wrapper it sits
   inside on the host page (see app/styles/tools.css), not the host's body colour,
   or there is a visible seam at the iframe edge. Keep this equal to --panel.

   --paper and --mono have no equivalent token in globals.css; --accent does, in a
   different form: globals.css declares --cobalt as the bare triple `26, 82, 255`
   so it can be used as rgba(var(--cobalt), 0.35) in the focus-ring rule, whereas
   these tools need a ready-made colour. Same RGB, different shape. All three are
   kept here because both tools need the identical value:
     --paper   solid white: the input/table/card surface that sits on --bg
     --accent  rgb(26, 82, 255), the site's cobalt. On the host site this colour
               is reserved for focus rings only — see globals.css's
               `:focus-visible` rule. Both tools below follow that same
               restraint; see the comments in each tool's own <style> block.
     --mono    the system monospace stack P-03's terminal already uses on this
               site (no page here loads a monospace webfont).
*/

:root {
  --ink: #121212;
  --ink-mute: #5a5a5a;
  --bg: #f2f2f0;
  --paper: #ffffff;
  --rule: rgba(18, 18, 18, 0.12);
  --rule-strong: rgba(18, 18, 18, 0.28);
  --accent: rgb(26, 82, 255);
  --sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --mono: Consolas, Monaco, "Courier New", monospace;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;

  --fs-body: 16px;
  --fs-meta: 14px;
  --fs-micro: 12px;

  --radius-card: 4px;
}