/* Pink Hosting - Variables Globales */
:root {
  /* Colores principales */
  --pink-primary: #E5008E;
  --pink-secondary: #FFD2E9;
  --pink-tertiary: #CFB7FF;
  --mint-accent: #C9F0E8;
  --charcoal: #1A1A1A;
  --white: #FFFFFF;

  /* Gradientes */
  --gradient-hero: linear-gradient(135deg, var(--white) 0%, var(--pink-secondary) 100%);
  --gradient-cta: linear-gradient(135deg, var(--pink-primary) 0%, #C7006F 100%);

  /* Tipografías */
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Espaciado */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;

  /* Bordes */
  --border-radius: 12px;
  --border-radius-lg: 20px;
  --border-radius-full: 9999px;

  /* Sombras */
  --shadow-sm: 0 2px 4px rgba(229, 0, 142, 0.1);
  --shadow-md: 0 4px 12px rgba(229, 0, 142, 0.15);
  --shadow-lg: 0 8px 24px rgba(229, 0, 142, 0.2);

  /* Transiciones */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
  --transition-slow: 0.5s ease-in-out;

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.6);
  --glass-border: rgba(255, 255, 255, 0.4);
  --glass-blur: blur(12px);
  --glass-shadow: 0 8px 32px 0 rgba(229, 0, 142, 0.1);
  --glass-dark-bg: rgba(26, 26, 26, 0.6);
  --glass-dark-border: rgba(255, 255, 255, 0.1);
}