:root {
  /* Colors */
  --color-primary: #E30613;
  --color-primary-hover: #b8050f;
  --color-dark: #1D1D1F;
  --color-dark-light: #2d2d2f;
  --color-light: #F5F5F7;
  --color-white: #FFFFFF;
  --color-border: rgba(0, 0, 0, 0.08);
  --color-text-muted: #86868B;
  
  /* Fonts */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  /* Layout Grid & Container */
  --container-max-width: 1320px;
  
  /* Spacing */
  --spacing-section-desktop: 120px;
  --spacing-section-mobile: 80px;
  
  --padding-lateral-desktop: 32px;
  --padding-lateral-tablet: 24px;
  --padding-lateral-mobile: 20px;
  
  /* Border Radii */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  
  /* Transitions */
  --transition-smooth: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-button: all 0.2s ease-in-out;
  
  /* Shadow (extremely discrete, as requested) */
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.04);
  --shadow-hover: 0 10px 30px rgba(0, 0, 0, 0.08);
}