/* Brim colors, as brim.finance sets them. Light first; dark mode redefines the neutrals, never the anchors. */
:root {
  --brim-blue: #5BB6F0;
  --brim-green: #C0EA5C;
  --ink: #141414;
  --text: #2A2823;
  --muted: #6E675B;
  --paper: #FFFEF8;
  --white: #FFFFFF;
  --sand: #F3E8C8;
  --blue-wash: #EDF7FE;
  --green-wash: #ECF8D5;
  --hi: rgba(91,182,240,.16);
  --rule: rgba(20,20,20,.16);
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #141414;
    --white: #1E1C18;
    --ink: #F1ECE1;
    --text: #D9D3C6;
    --muted: #A59E90;
    --hi: rgba(91,182,240,.22);
    --rule: rgba(241,236,225,.16);
  }
}
/* the green highlighter: a band under the bottom 40% of the line, Ink text on top */
.brim-marker { background: linear-gradient(transparent 60%, var(--brim-green) 60%); color: #141414; padding: 0 .12em; }
@media (prefers-color-scheme: dark) {
  .brim-marker { background: linear-gradient(transparent 62%, rgba(192,234,92,.3) 62%); color: #D9D3C6; }
}