:root {
  --paper: #f6f2ea;
  --paper-2: #efe9dd;
  --surface: #fffdf9;
  --surface-2: #faf6ee;
  --ink: #241f18;
  --ink-2: #6a6154;
  --ink-3: #746b5d;
  --line: #e7dfd1;
  --line-2: #d9cfbc;

  --sun: #bd7414;
  --sun-2: #a5620d;
  --sun-soft: #f4e6cd;
  --sun-tint: #fbf3e3;
  --leaf: #3d7a51;
  --leaf-soft: #dde9df;
  --leaf-tint: #eef4ee;
  --clay: #ad4f2c;
  --clay-soft: #f0dccf;
  --clay-tint: #f9ece4;

  --violet: #5b4fa0;
  --violet-soft: #e6e2f2;
  --slate: #4a6079;
  --slate-soft: #e3e7ee;
  --teal: #2f6e63;
  --teal-soft: #d9e6e2;
  --earth: #8a5a34;
  --earth-soft: #efe1d6;

  --r-lg: 16px;
  --r-md: 11px;
  --r-sm: 8px;

  --sans: 'Hanken Grotesk', system-ui, sans-serif;
  --serif: 'Instrument Serif', Georgia, serif;
  --mono: 'Space Mono', ui-monospace, monospace;

  --sh-1: 0 1px 2px rgba(60, 45, 20, .05), 0 1px 1px rgba(60, 45, 20, .04);
  --sh-2: 0 6px 22px -8px rgba(70, 52, 22, .18), 0 2px 6px rgba(70, 52, 22, .06);
  --sh-3: 0 20px 50px -18px rgba(60, 45, 20, .30);
}