/* Palette provenance: src/palette.json. k-means centroids snapped to real pixel coordinates
   of the logo and banner. This is the only stylesheet allowed to hold colour literals. */
:root {
  --bg: #040402;
  --bg-2: #0a0d04;
  --bg-3: #111b03;
  --bg-4: #1e2f05;
  --ink: #faf4ad;
  --gold: #fad837;
  --gold-2: #e29d10;
  --gold-3: #b26a06;
  --gold-4: #854803;
  --gold-5: #5d2e04;
  --umber: #3e1b04;
  --umber-2: #200c03;
  --pine: #1b2a23;
  --pine-2: #284235;
  --sage: #577768;
  --mint: #85e695;

  --tap: 44px;
  --radius: 18px;
  --ease-out: cubic-bezier(.2, .7, .2, 1);
  --ease-std: cubic-bezier(.4, 0, .2, 1);
  --page-max: 1280px;
}