/* Brand override for every page that is not the homepage. Loaded last, it
   re-points each page's own tokens to the homepage system: Instrument Serif,
   the moss green for ink blocks, paper for the ground. Tool internals keep
   their structure; only what they inherit changes. */

:root {
  /* type */
  --serif: "Instrument Serif", Georgia, serif;
  --disp:  "Instrument Serif", Georgia, serif;
  /* grounds */
  --shell: #F2EFE6;
  --paper: #F2EFE6;
  --card:  #FFFFFF;
  /* the dark blocks match the homepage ground exactly */
  --ink:      #1E3A2D;
  --ink-soft: #264A3B;
  --on-ink:      #E8E4D8;
  --on-ink-mute: #B7C4AD;
  /* text on paper */
  --on-shell:      #14201A;
  --on-shell-mute: #4E5A50;
  --hairline: #D9D4C7;
  --line:     #D9D4C7;
  --live: #3F6B52;
  /* coral was the accent: text, thin rules, dots, never a field under dark text.
     It becomes the site's green: readable on paper, invisible as a second hue. */
  --coral:      #3F6B52;
  --coral-deep: #1E3A2D;
  --human:      #A8683F;
  --human-bg:   #F3EBE3;
  --kill:       #A9463F;
  --kill-bg:    #F3E6E3;
}

/* The three lab pieces were built dark; on paper their tokens invert. */
body.paper-tool {
  --depth: #F2EFE6;
  --moss:  #FFFFFF;
  --bone:  #14201A;
  --hl:    #4E5A50;
  --sage:  #657565;
  --rule:  rgba(20, 32, 26, .16);
  --panel: rgba(30, 58, 45, .07);
  --good: #3F6B52; --warn: #A8683F; --bad: #A9463F;
}
body.paper-tool input, body.paper-tool select { background: var(--moss); border-color: var(--rule); color: var(--bone); }
body.paper-tool button { background: #1E3A2D; color: #E8E4D8; }
body.paper-tool tr.m td:first-child { border-left-color: #3F6B52; }
body.paper-tool tr.r td:first-child { border-left-color: #A9463F; }
body.paper-tool .stance.dtc { color: #A8683F; } body.paper-tool .stance.state { color: #3F6B52; } body.paper-tool .stance.pharm { color: #1E3A2D; }
body.paper-tool .worked { border-left-color: #3F6B52; } body.paper-tool .failed { border-left-color: #A9463F; }
body.paper-tool .picker label:has(:checked) { border-color: #1E3A2D; background: rgba(30, 58, 45, .08); }

/* Nav reads like the homepage masthead. */
.site-nav a { letter-spacing: .1em; }
