:root {
  --paper: #f6f5f1;
  --surface: #ffffff;
  --hover: #fbfaf8;
  --ink: #111111;
  --ink-2: #55534e;
  --ink-3: #8c8a84;
  --line: #dddad2;
  --line-2: #c4c0b6;
  --accent: #c4421a;
  --placeholder: #726f69;
  --font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --gutter: clamp(20px, 4vw, 48px);
  --wide: 1200px;
  --measure: 660px;
  --rail: 288px;
  --control: 48px;
  --dur: 160ms;
  --ease: cubic-bezier(.2, .6, .2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}