/* Variables globales actualizadas para Noosferica Cloud */
:root {
  /* Colores principales actualizados */
  --primary-color: #0047A0;      /* Azul principal más profundo */
  --secondary-color: #00B5FF;    /* Azul secundario más vibrante */
  --accent-color: #FF7A00;       /* Naranja acento más brillante */
  --success-color: #2ECC71;      /* Nuevo verde para elementos de éxito */
  --dark-color: #333333;         /* Gris oscuro sin cambios */
  --light-color: #F0F4F8;        /* Gris claro más cálido */
  --text-color: #212529;         /* Color de texto principal */
  --warning-color: #ffc107;      /* Amarillo para advertencias */
  --danger-color: #dc3545;       /* Rojo para errores */
  
  /* Tipografía actualizada */
  --font-primary: 'Montserrat', sans-serif;  /* Para títulos */
  --font-secondary: 'Roboto', sans-serif;    /* Para cuerpo, cambiado de Open Sans */
  --font-accent: 'Poppins', sans-serif;      /* Nueva fuente para elementos destacados */
  
  /* Transiciones y efectos */
  --transition: all 0.3s ease;
  --transition-slow: all 0.5s ease;
  --transition-fast: all 0.2s ease;
  
  /* Sombras */
  --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
  --box-shadow-card: 0 10px 30px rgba(0, 71, 160, 0.1);
  
  /* Bordes */
  --border-radius-sm: 4px;
  --border-radius: 8px;
  --border-radius-lg: 12px;
  
  /* Espaciado */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  
  /* Gradientes */
  --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
  --gradient-accent: linear-gradient(135deg, var(--accent-color), #FF9F50);
  --gradient-dark: linear-gradient(135deg, var(--dark-color), #555555);
  --gradient-light: linear-gradient(135deg, #FFFFFF, var(--light-color));
  
  /* Overlay para imágenes */
  --overlay-dark: rgba(0, 0, 0, 0.7);
  --overlay-light: rgba(255, 255, 255, 0.7);
  --overlay-primary: rgba(0, 71, 160, 0.8);
  
  /* Tamaños de contenedor */
  --container-max-width: 1200px;
  --container-narrow: 900px;
}