:root {
  /* Colors */
  --color-dark: #363636;
  --color-cream: #F2F1EE;
  --color-peach: #F6D0B8;
  --color-sage: #656F59;
  --color-light-sage: #B7C1AA;
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* Typography */
  --font-heading: 'Italiana', serif;
  --font-body: 'Lora', serif;
  --font-accent: 'Arapey', serif;
  --font-ui: 'Roboto', sans-serif;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;

  /* Layout */
  --max-width: 1200px;
  --nav-height: 70px;

  /* Transitions */
  --transition-fast: 0.3s ease;
  --transition-hover: 0.5s ease;
}