:root {
  --color-primary: #C8163F;
  --color-primary-dark: #9E0E2F;
  --color-ink: #1a1a18;
  --color-white: #e8e4df;
  --color-slate: #2a2825;
  --color-fog: #ddd9d3;
  --color-gray: #8a8580;
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-danger: #f87171;
  --size-xs: 0.25rem;
  --size-sm: 0.5rem;
  --size-md: 1rem;
  --size-lg: 1.5rem;
  --size-xl: 2rem;
  --size-2xl: 3rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.5rem;
  --space-2xl: 2rem;
  --space-3xl: 3rem;
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "DM Mono", "IBM Plex Mono", monospace;
  --font-mono: "DM Mono", "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;
  --border-width: 1px;
  --border-width-strong: 2px;
  --border-radius: 0;
  --border-radius-sm: 2px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.12);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.18);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.28);
  --motion-fast: 120ms;
  --motion-base: 160ms;
  --motion-slow: 300ms;
}