/* The consumer accent.
 *
 * THIS FILE EXISTS SO THE CHANGE IS REVERSIBLE BY DELETING IT. app.css defines
 * the brand tokens; this one redefines the five of them that carry the hue and
 * nothing else. Bundles load in natural order and this is last, so it wins on
 * ordering rather than on specificity - no !important anywhere, and app.css is
 * never edited. Delete this file, bump the asset version, and the line is back
 * in MyBizStack green with no other trace.
 *
 * WHY IT WAS NEEDED. The personal line was wearing MyBizStack's EXACT green,
 * which is not two products looking like siblings - it is two products looking
 * like the same product. Sister brands share their bones and differ in their
 * accent, so every neutral here is untouched: the paper background, the near
 * black ink, the lines, the type. Only the hue moves.
 *
 * CLAY, and not something cheerful, because of what these apps actually hold.
 * Estates, firearms, what a household is worth and what it owes. Warm enough to
 * read as home rather than as a bank, sober enough that it is not odd to open
 * on the day somebody has died.
 *
 * The five values mirror the five in app.css exactly, and the dark block
 * mirrors that block exactly too - it overrides brand, brand-hi and brand-lo
 * and deliberately leaves brand-wash and brand-ring alone, which is what the
 * original does. brand-wash is used as a pale background, so it stays pale and
 * only changes hue; making it dark here would change behaviour rather than
 * colour, and this file is meant to change colour and nothing else.
 */

:root{
  --brand:#9A5233;
  --brand-hi:#B36240;
  --brand-lo:#7A3F26;
  --brand-wash:#F6ECE6;
  --brand-ring:rgba(154,82,51,.28);
}

@media (prefers-color-scheme: dark){
  :root{
    --brand:#D89370;
    --brand-hi:#E9AC8B;
    --brand-lo:#A96A48;
  }
}