:root {
  /* Colors */
  --color-primary: #FFE600; /* Mercado Libre Yellow */
  --color-primary-hover: #FDD800;
  
  --color-dark: #333333; /* Main Dark Text/Bg */
  --color-dark-alt: #222222; /* Alternative Dark */
  
  --color-light: #FFFFFF;
  --color-bg-light: #F9F9F9; /* Respiro background */
  --color-bg-alt: #F5F5F5;
  
  --color-text-main: #333333;
  --color-text-secondary: #666666;
  --color-text-light: #FFFFFF;
  
  --color-border-light: #EAEAEA;
  --color-border-medium: #CCCCCC;

  /* Typography */
  --font-family-base: 'Proxima Nova', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  --line-height-base: 1.5;
  --line-height-heading: 1.2;

  /* Spacing */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.1);
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}