:root {
  color-scheme: light;
  --paper: #f5f2e9;
  --surface: #eae7dc;
  --ink: #171815;
  --muted: #585a50;
  --line: #b5b7a7;
  --accent: #eaff43;
  --on-accent: var(--ink);
  --radius: 2px;
  --border: 2px solid var(--ink);
  --shadow: 6px 6px 0 var(--ink);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --text-sm: 0.8125rem;
  --text-base: 1rem;
  --text-lead: clamp(1.0625rem, 1.4vw, 1.25rem);
  --text-display: clamp(3.25rem, 7.3vw, 7rem);
  --motion-fast: 140ms;
}

[data-experiment='001'] {
  --accent: #eaff43;
}
[data-experiment='002'] {
  --accent: #51df81;
}
[data-experiment='003'] {
  --accent: #ff7652;
}