:root {
  /* Colors */
  --header-bg: #1C1C1C;
  --bg-primary: #1C1C1B;
  --accent-color: #F7D462;
  --primary-btn-start: rgba(251, 226, 139, 1);
  --primary-btn-end: rgba(235, 172, 82, 1);
  --text-primary: #FFFFFF;
  --text-secondary: #CCCCCC;
  --text-dark: #333333;
  
  /* Typography */
  --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  
  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  
  /* Breakpoints */
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1024px;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}