:root {
  /* Cores */
  --color-champagne: #F7E7CE;
  --color-taupe: #968C83;
  --color-noir: #E8E0D4;
  --color-clay: #BF8A6F;
  --color-stone: #E8E0D4;
  --color-dark: #2A2A2A;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-green: #22C55E;
  
  /* Gradientes */
  --gradient-hero: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.1));
  
  /* Sombras */
  --shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 20px 40px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 25px 50px rgba(0, 0, 0, 0.15);
  
  /* Transições */
  --transition-fast: 300ms ease;
  --transition-slow: 500ms ease;
  
  /* Z-index */
  --z-negative: -1;
  --z-low: 10;
  --z-medium: 30;
  --z-high: 50;
  --z-overlay: 100;
  
  /* Breakpoints */
  --breakpoint-xs: 375px;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
}