:root{
  --bg:#71624f;
  --panel:#d9b997;
  --panel-2:#eed2b4;
  --panel-3:#c9ab87;
  --ink:#2e2215;
  --ink-soft:#877a6a;
  --ink-line:rgba(46,34,21,.35);
  --accent:#bd8241;
  --accent-strong:#a8682f;
  --good:#4caf50;
  --danger:#b3261e;
  --input-bg:#fbeddb;
  --backdrop:rgba(20,12,4,.55);
  --white:#fff;
  --placeholder:rgba(46,34,21,.45);
  --border-muted:#aa845b;
  --swatch-border:#ccc;
  --tint-bar:rgba(219, 157, 91, 0.06);
  --tint-float:rgba(193,165,142,.55);
  --tint-tabh:rgba(189,130,65,.18);
  --tint-taba:rgba(189,130,65,.12);
  --tint-row:rgba(189,130,65,.15);
  --tint-book:rgba(94,85,74,.22);
  --tint-drag:rgba(238,210,180,.5);
  --highlight-ins:rgba(76,175,80,.25);
  --highlight-del:rgba(179,38,30,.18);
  --ring-accent:rgba(189,130,65,.5);
  --shadow-accent:0 0 0 3px rgba(189,130,65,.35);
  --shadow-danger:0 0 0 3px rgba(179,38,30,.2);
  --shadow-depth:0 0 24px 6px rgba(20,12,4,.6);
  --panel-bg-image:url(../gridi.png);
  --panel-bg-size:7%;
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.18);
  --shadow-md:0 6px 18px rgba(20,12,4,.35);
  --shadow-lg:0 18px 50px rgba(20,12,4,.5);
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px;
  --font-display:medula,"Medula One",serif;
  --font-body:bonanova,"Bona Nova",serif;
  --font-ui:bonanova,"Bona Nova",serif;
  --font-mono:"Courier New",monospace;
}