:root {
  --paper: #ffffff;
  --ink: #151515;
  --red: #e10d20;
  --line: #c9c9c9;
  --soft: #eeeeee;
  --photo: #f1f1f1;
  --photo-light: #f4f4f4;
  --white: #ffffff;
  --black: #151515;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --space-unit: 8px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --footer-padding-block: 48px;
  --brand-mark-size: 40px;
  --brand-ratio: 1.618;
  --font-size-wordmark: calc(var(--brand-mark-size) / var(--brand-ratio));
  --brand-gap: calc(var(--font-size-wordmark) / var(--brand-ratio) / var(--brand-ratio));
  --font-size-label: 14px;
  --font-size-body: 16px;
  --font-size-control: 14px;
  --motion-duration: 180ms;
  --motion-ease: ease;
}