:root {
  --paper: #f1ece2;
  --ink: #171412;
  --cream: #f6f1e7;
  --muted: #5a5248;
  --dots: #cbc2b3;
  --land: #f8f4ec;
  --water: #d3e0e0;
  --middle: #e9e3d6;
  --highlight: #33bbee;
  --on-highlight: #171412;
  --alert: #cc3311;
  --on-alert: #f6f1e7;
  --orange: #ee7733;
  --blue: #0077bb;
  --cyan: #33bbee;
  --magenta: #ee3377;
  --red: #cc3311;
  --teal: #009988;
  --sunrise-1: #fff3b8;
  --sunrise-2: #ffc940;
  --sunrise-3: #ff921a;
  --sunrise-4: #f05e2f;
  --sunrise-5: #d5263e;
  --sunrise-6: #a02046;
  --sunrise-7: #6e1747;
  --tangerine-1: #ffe7c7;
  --tangerine-2: #ffc27e;
  --tangerine-3: #ff9743;
  --tangerine-4: #f46c17;
  --tangerine-5: #db4a0f;
  --tangerine-6: #b53912;
  --tangerine-7: #8f2a12;
  --meadow-1: #f8f5b8;
  --meadow-2: #c0df69;
  --meadow-3: #7ac75c;
  --meadow-4: #22a88a;
  --meadow-5: #15847f;
  --meadow-6: #13616f;
  --meadow-7: #163f5a;
  --lagoon-1: #e6f2ff;
  --lagoon-2: #a9d0ff;
  --lagoon-3: #71acfa;
  --lagoon-4: #4785ed;
  --lagoon-5: #3b5ad4;
  --lagoon-6: #3934a5;
  --lagoon-7: #2b1f63;
  --berry-1: #ffe0d8;
  --berry-2: #ffac9c;
  --berry-3: #f8756f;
  --berry-4: #de3f54;
  --berry-5: #b02051;
  --berry-6: #741a5a;
  --berry-7: #3f1446;
}