:root {
  --ia-paper: #fbf9f5;
  --ia-soft: #f2ede3;
  --ia-soft-2: #efeae0;
  --ia-line: #eae4d9;
  --ia-line-strong: #ded7c9;
  --ia-ink: #1e1b17;
  --ia-ink-2: #4a443b;
  --ia-muted: #6b6459;
  --ia-muted-2: #70695e;
  --ia-accent: #9e3b2c;
  --ia-accent-dark: #7f2f23;
  --ia-font-display: "Instrument Serif", Georgia, serif;
  --ia-font-body: "DM Sans", Arial, sans-serif;
  --ia-font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ia-page-padding: 20px;
  --ia-grid-gap: 14px;
  --ia-radius-sm: 3px;
  --ia-radius: 4px;
  --ia-radius-lg: 6px;
  --ia-radius-pill: 999px;
  --ia-content-max: 1344px;
  --ia-touch: 44px;
}

@media (min-width: 768px) {
  :root {
    --ia-page-padding: 28px;
    --ia-grid-gap: 22px;
  }
}

@media (min-width: 1024px) {
  :root {
    --ia-page-padding: max(48px, calc((100vw - var(--ia-content-max)) / 2));
    --ia-grid-gap: 26px;
  }
}