:root {
  --color-primary: #222222;
  --color-accent: #FF0000;
  --color-secondary: #FFFFFF;
  --color-bg-gray: #E3E3E3;
  --color-border: #DADADA;
  --color-text: #333333;
  --color-text-light: #666666;
  
  --font-heading: 'RobotoCond. Bold', 'Roboto Condensed', sans-serif;
  --font-body: 'Roboto', sans-serif;
  --font-button: 'Roboto Condensed', sans-serif;
  
  --heading-size: 47px;
  --heading-size-mobile: 30px;
  --body-size: 18px;
  --body-size-mobile: 16px;
  --button-size: 17px;
  
  --spacing-xs: 10px;
  --spacing-sm: 15px;
  --spacing-md: 30px;
  --spacing-lg: 50px;
  --spacing-xl: 100px;
  
  --container-width: 1400px;
  --container-padding: 15px;
  
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1024px;
}