:root {
  --color-cream: #fbf7ef;
  --color-paper: #ffffff;
  --color-ink: #000000;
  --color-ink-muted: #6b6b6b;
  --color-night: #111111;
  --color-brand-orange: #f97316;
  --color-brand-blue: #2563eb;
  --color-brand-yellow: #ffdb32;
  --color-brand-green: #22c55e;
  --font-display: "Archivo Black", "Arial Black", ui-sans-serif, sans-serif;
  --font-heading: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --shadow-brutal-xs: 2px 2px 0 0 #000000;
  --shadow-brutal-sm: 4px 4px 0 0 #000000;
  --shadow-brutal: 4px 4px 0 0 #000000;
  --shadow-brutal-md: 6px 6px 0 0 #000000;
  --shadow-brutal-lg: 8px 8px 0 0 #000000;
  --ease-snap: cubic-bezier(0.2, 0, 0, 1);
  --ease-stamp: cubic-bezier(0.34, 1.3, 0.64, 1);
}