:root {
  /* Breakpoints */
  --breakpoint-mobile: 1024px;
  --breakpoint-desktop: 1025px;
  
  /* Container Widths */
  --container-width-desktop: 1920px;
  --container-width-mobile: 1024px;
  
  /* Colors */
  --color-background: #ffffff;
  --color-text: #000000;
  
  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 64px;
  --spacing-xxl: 128px;
  
  /* Typography */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.5;
  
  /* Z-Index */
  --z-index-footer: 1000;
  --z-index-header: 100;
  --z-index-content: 1;
}