/* A note from Ronic's blog, on a person's own site, in that person's colours (Amit, 27 Oct 2026: "the color on this
   blog should be my color… All the widgets and all the exhibits should be my color… not Ronic color"). Laid over the
   note's own stylesheet (tools/take-note.mjs): the note's words, layout and exhibits stay as Ronic's blog has them; only
   the names its colours are read from change. Ronic's indigo family (the page's accent and the family every exhibit is
   drawn in, Ron's) becomes the person's: for Amit, his jade, in the tints person.css measures (a mark deep enough for
   4.9:1, his jade for small fills, a pale jade for large ones and the highlighter), and a deeper jade for the one marked
   point, so nothing on the note is in any colour but his. Neutral greys stay neutral. */

:root {
  --accent: #1a7656; --accent-light: #60d0a6; --accent-soft: #dcf2e7;
  --tone-mark: #1a7656; --tone-small: #60d0a6; --tone-large: #b3e9d2; --tone-wash: #dcf2e7; --tone-point: #2f9e75;
  --pick-fill: var(--tone-small); --pick-large: var(--tone-large); --pick-soft: var(--tone-wash);
  /* the sizes widget's own mark */
  --size-mark: #60d0a6;
}

/* the family every exhibit is drawn in */
.team-said[data-rep] {
  --app-accent: #1a7656; --app-accent-light: #60d0a6; --app-accent-soft: #dcf2e7;
  --rep-mark: #1a7656; --rep-mark-light: #60d0a6; --rep-mark-soft: #dcf2e7; --rep-tile: #b3e9d2; --rep-highlight: #c4efdd;
  --tone-mark: #1a7656; --tone-small: #60d0a6; --tone-large: #b3e9d2; --tone-wash: #dcf2e7; --tone-point: #2f9e75;
  --pick-fill: var(--tone-small); --pick-large: var(--tone-large); --pick-soft: var(--tone-wash);
}
.team-said[data-rep] .team-work { --accent: #1a7656; --accent-light: #60d0a6; --accent-soft: #dcf2e7; }
/* its charts: heat light to mid (ink reads on the top step, 9:1), named series dark to light, two parts far apart */
.team-said[data-rep] .card-shape {
  --accent: #1a7656; --accent-light: #60d0a6; --point: #1a7656;
  --heat-1: #d3f1e4; --heat-2: #b3e9d2; --heat-3: #8adbbb; --heat-4: #60d0a6;
  --series-1: #2f9e75; --series-2: #60d0a6; --series-3: #9ee3c6; --series-4: #cdeee0;
  --two-line: 0; --two-point: #2f9e75; --two-rest: #b3e9d2; --two-quiet-point: #45b98d; --two-quiet-rest: #dcf2e7;
}

/* the marked line: his pale jade highlighter, as on his page, in place of the note's yellow */
.bl-flow p.bd-take { --hl: #c4efdd; }

/* the way back to the person's page, above the note, as his story page has it */
.note-back { max-width: 988px; margin: 0 auto; padding: 24px 24px 0; box-sizing: border-box; }
.note-back a { font: 500 12px/1.3 "Inter", -apple-system, sans-serif; color: var(--ink); text-decoration: none; border-bottom: .5px solid var(--ink); padding-bottom: 1px; }
.note-back a::before { content: "← "; }
.note-back + #root .bl-page { padding-top: 24px; }
@media (hover: hover) and (pointer: fine) { .note-back a:hover { border-bottom-width: 1px; } }
@media (max-width: 720px) { .note-back { padding: 16px 16px 0; } .note-back + #root .bl-page { padding-top: 16px; } }

/* the faces in the exhibits (a chat list down the Duo's side, a face in a chat's head) are drawn in the reps' tile
   colours, lilac, sky, sage, coral, peach and yellow, written into the drawing: his jade tints instead, light to mid, so
   a list still reads as many people; ink reads on each. A colour read from a name (the marked point) is not written
   this way, so it is never caught here. */
#root :is([fill="#c3b1e1"], [style*="rgb(195, 177, 225)"]) { fill: #8adbbb !important; }
#root :is([fill="#9fc5e8"], [style*="rgb(159, 197, 232)"]) { fill: #b3e9d2 !important; }
#root :is([fill="#a8c9a1"], [style*="rgb(168, 201, 161)"]) { fill: #60d0a6 !important; }
#root :is([fill="#f0a58f"], [style*="rgb(240, 165, 143)"]) { fill: #9ee3c6 !important; }
#root :is([fill="#f6c4a5"], [style*="rgb(246, 196, 165)"]) { fill: #cdeee0 !important; }
#root :is([fill="#f2c36b"], [style*="rgb(242, 195, 107)"]) { fill: #dcf2e7 !important; }