:root {
  --clay-50: #fbeee7;
  --clay-200: #eebca3;
  --clay-400: #da7a53;
  --clay-500: #cf5e3e;
  --clay-600: #b54b2e;
  --paper: #fffdf7;
  --canvas: #fdf8e2;
  --border: #e7dac0;
  --ink-400: #a3917c;
  --ink-600: #5e4f40;
  --ink-700: #463a2d;
  --ink-900: #2b2218;
  --text-on-clay: #fff7ef;
  --font-display: "Quicksand", ui-rounded, system-ui, sans-serif;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 3px rgba(78, 40, 12, 0.07), 0 1px 2px rgba(78, 40, 12, 0.04);
  --shadow-md: 0 4px 12px rgba(78, 40, 12, 0.08), 0 2px 4px rgba(78, 40, 12, 0.05);
  --shadow-lg: 0 12px 32px rgba(78, 40, 12, 0.1), 0 4px 8px rgba(78, 40, 12, 0.05);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 140ms;
  --dur-slow: 360ms;
}