:root{
  /* palette */
  --sand:#F1E9D9;
  --sand-2:#E9DEC9;
  --cream:#FBF7EF;
  --white:#FFFFFF;
  --ocean:#103F49;
  --ocean-2:#17606E;
  --sea:#2E93A6;
  --sea-bright:#3FB0C4;
  --ink:#2C2018;
  --coffee:#6B4A34;
  --coffee-soft:#8B6A50;
  --wood:#C39A63;
  --palm:#5E7B4E;
  --line:#E0D3BC;

  /* effects */
  --shadow: 22px 30px 60px -30px rgba(16,63,73,.35);
  --shadow-sm: 0 12px 30px -18px rgba(16,63,73,.4);
  --r:18px;
  --maxw:1200px;

  /* type */
  --font-display:"Fraunces",Georgia,serif;
  --font-body:"Hanken Grotesk",system-ui,sans-serif;
  --font-mono:"Spline Sans Mono",ui-monospace,monospace;
}