:root {
    --field:#a7b0b5;          --steel:#d4dadd;          --light:#edf0f1;          --paper:#fff;             --deep:#253038;           --bone:#f1eee5;             --ink:#171b1d;
  --muted:#46535a;
  --line:#b6c0c5;
    --slate:#34414a;
    --orange:#f47b20;
  --orange-deep:#703008;    --berry:#aa556b;
  --berry-deep:#873e53;     --berry-lift:#b5566f;     --structure-grey:#8a969d;
    --serif:SourceSerif,Georgia,serif;
  --sans:Inter,Arial,sans-serif;
}


[data-mode="slate"]           { --ground:#253038; --ink-r:#fff;    --mark:#fff;    --quiet:#a7b0b5; --fill2:#a7b0b5; --rule:none;    --accent:#f47b20; --point:#f47b20; }
[data-mode="slate-berry"]     { --ground:#253038; --ink-r:#fff;    --mark:#fff;    --quiet:#a7b0b5; --fill2:#b5566f; --rule:none;    --accent:#b5566f; --point:#b5566f; }
[data-mode="field"]           { --ground:#a7b0b5; --ink-r:#171b1d; --mark:#34414a; --quiet:#3f4c55; --fill2:#fff;    --rule:#171b1d; --accent:#f47b20; --point:#f47b20; }
[data-mode="paper"]           { --ground:#f5f7f8; --ink-r:#171b1d; --mark:#34414a; --quiet:#687984; --fill2:#b6c0c5; --rule:#171b1d; --accent:#f47b20; --point:#f47b20; }
[data-mode="paper-berryfill"] { --ground:#f5f7f8; --ink-r:#171b1d; --mark:#873e53; --quiet:#687984; --fill2:#d9b8c1; --rule:#171b1d; --accent:#171b1d; --point:#171b1d; }
[data-mode="paper-3"]         { --ground:#fff;    --ink-r:#171b1d; --mark:#34414a; --quiet:#687984; --fill2:#873e53; --rule:#171b1d; --accent:#8a969d; --point:#171b1d; }