:root {
  --color-ink: #1d1d1b;
  --color-muted: #6f716b;
  --color-paper: #f7f6f2;
  --color-surface: #fff;
  --color-accent: #a37b50;
  --color-accent-dark: #765737;
  --color-success: #28745b;
  --color-warning: #9b6b20;
  --color-error: #a33d36;
  --color-border: #e8e4db;
  --container-width: 1200px;
  --container-wide: 1440px;
  --space-xs: .375rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 7rem;
  --radius-sm: .25rem;
  --radius-md: .75rem;
  --radius-lg: 1.25rem;
  --radius-full: 999px;
  --shadow-soft: 0 18px 50px rgba(29, 29, 27, .08);
  --transition-fast: 160ms ease;
  --transition: 260ms ease;
}