:root {
  /* Colors */
  --color-bg: #f6f1eb;
  --color-surface: #efe7df;
  --color-text: #2b2b2b;
  --color-accent: #c04a2b;
  --color-muted: #9a8f87;

  /* Functional Colors */
  --color-border: #e5ddd6;
  --color-hover: #a63d22;

  /* Typography */
  --font-primary: 'Helvetica Neue', sans-serif;

  /* Spacing */
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;

  /* Layout */
  --max-width: 1200px;

  /* Transitions */
  --transition-fast: 0.2s ease;
}