:root {
  --coffee-ink:#341b13;
  --coffee-copper:#a9431f;
  --coffee-copper-dark:#803016;
  --coffee-surface:#f7f5f2;
  --coffee-cream:#f7f2eb;
  --coffee-line:#e8ddd2;
  --cream:#eee9e1;
  --cream-deep:#e2dccc;
  --paper:#f5f0e8;
  --espresso:#442b23;
  --espresso-soft:#624c40;
  --terracotta:#f3c344;
  --terracotta-dark:#805712;
  --caramel:#f3c344;
  --sand:#c8b9a0;
  --ink:#33261e;
  --muted:#72665b;
  --line:#cfc5b7;
  --success:#37624a;
  --sage:#34432e;
  --pink:#efc6b8;
  --lavender:#d9d4e8;
  --max:1600px;
  --gutter:clamp(20px,4.2vw,68px);
  --font-display:"Helvetica Neue",Arial,sans-serif;
  --font-body:"Helvetica Neue",Arial,sans-serif;
  --radius:2px;
  --radius-sm:2px;
  --shadow:0 10px 30px rgb(40 26 19 / 8%);
  --shadow-strong:0 22px 60px rgb(40 26 19 / 24%);
  --ease:200ms cubic-bezier(.2,.7,.3,1);
}