:root {
  --consumer-bg: #f7f0e4;
  --consumer-paper: #fbf7ef;
  --consumer-toast: #f3e6d4;
  --consumer-ink: #30221b;
  --consumer-muted: #695d55;
  --consumer-rust: #b53d17;
  --consumer-rust-dark: #913012;
  --consumer-green: #315f43;
  --consumer-rule: #d7ccbe;
  --consumer-rule-strong: #5f5047;
  --consumer-display: Georgia, "Times New Roman", serif;
  --consumer-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --consumer-width: 1104px;
  --consumer-gutter: clamp(20px, 5vw, 40px);
}

.consumer-width {
  width: min(calc(100% - (2 * var(--consumer-gutter))), var(--consumer-width));
  margin-inline: auto;
}