/* Paleta de colores Picap - Archivo centralizado */
:root {
  /* Colores principales Picap del proyecto original */
  --picap-purple-dark: #6B00FF;
  --picap-purple-light: #C21DE0;
  --picap-purple-lighter: #e8a8f0;
  --picap-purple-lightest: #f0e8ff;
  
  /* Colores neutros */
  --picap-white: #ffffff;
  --picap-gray-light: #f8f4ff;
  --picap-gray-medium: #f0e8ff;
  --picap-gray-dark: #495057;
  --picap-gray-darker: #343a40;
  
  /* Colores de estado */
  --picap-success: #28a745;
  --picap-success-light: #d4edda;
  --picap-error: #dc3545;
  --picap-error-light: #f8d7da;
  --picap-warning: #ffc107;
  --picap-warning-light: #fff3cd;
  --picap-info: #17a2b8;
  --picap-info-light: #d1ecf1;
  
  /* Sombras */
  --picap-shadow: rgba(194, 29, 224, 0.15);
  --picap-shadow-medium: rgba(194, 29, 224, 0.25);
  --picap-shadow-heavy: rgba(194, 29, 224, 0.35);
  
  /* Transiciones */
  --picap-transition: all 0.3s ease;
  --picap-transition-fast: all 0.2s ease;
  --picap-transition-slow: all 0.5s ease;
  
  /* Gradientes */
  --picap-gradient-primary: linear-gradient(135deg, var(--picap-purple-dark) 0%, var(--picap-purple-light) 100%);
  --picap-gradient-light: linear-gradient(135deg, var(--picap-gray-light) 0%, var(--picap-gray-medium) 100%);
  --picap-gradient-soft: linear-gradient(135deg, var(--picap-purple-lighter) 0%, var(--picap-purple-lightest) 100%);
}

/* Aplicar colores globalmente */
body {
  background: var(--picap-gray-light);
  color: var(--picap-gray-darker);
}

/* Botones principales */
.btn-picap-primary {
  background: var(--picap-gradient-primary);
  color: var(--picap-white);
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  transition: var(--picap-transition);
  text-decoration: none;
  display: inline-block;
}

.btn-picap-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px var(--picap-shadow-medium);
  color: var(--picap-white);
}

.btn-picap-secondary {
  background: var(--picap-white);
  color: var(--picap-purple-dark);
  border: 2px solid var(--picap-purple-dark);
  padding: 10px 22px;
  border-radius: 8px;
  font-weight: 600;
  transition: var(--picap-transition);
  text-decoration: none;
  display: inline-block;
}

.btn-picap-secondary:hover {
  background: var(--picap-purple-dark);
  color: var(--picap-white);
  transform: translateY(-2px);
}

/* Cards */
.card-picap {
  background: var(--picap-white);
  border-radius: 12px;
  box-shadow: 0 4px 12px var(--picap-shadow);
  border: 1px solid var(--picap-gray-medium);
  transition: var(--picap-transition);
}

.card-picap:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px var(--picap-shadow-medium);
}

/* Headers */
.header-picap {
  background: var(--picap-purple-dark);
  color: var(--picap-white);
  box-shadow: 0 2px 8px var(--picap-shadow);
}

/* Textos */
.text-picap-primary {
  color: var(--picap-purple-dark);
}

.text-picap-secondary {
  color: var(--picap-gray-dark);
}

.text-picap-light {
  color: var(--picap-gray-medium);
}

/* Fondos */
.bg-picap-primary {
  background: var(--picap-gradient-primary);
}

.bg-picap-light {
  background: var(--picap-gradient-light);
}

.bg-picap-soft {
  background: var(--picap-gradient-soft);
}