:root {
  --color-background-page: #f5f5f5;
  --color-background-header: #2c3e50;
  --color-text: #333333;
  --color-text-inverted: #ffffff;
  --color-accent: #3498db;
  --color-link: #3498db;
  
  --font-family-body: "Lato", Arial, sans-serif;
  --font-family-display: "Playfair Display", Georgia, serif;
  
  --font-size-body: 16px;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.5rem;
  
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
}