:root {
  /* Paleta de colores dorados basada en el logo */
  --gold-light: #FFD46A;      /* Color principal claro del logo */
  --gold-medium: #D4AF37;     /* Color dorado medio */
  --gold-dark: #8C6A2E;       /* Color dorado oscuro/sombra */
  --gold-deep: #5A3E1A;       /* Color dorado profundo/bordes */
  
  /* Variaciones para gradientes */
  --gold-highlight: #FFE08A;  /* Destalles brillantes */
  --gold-midtone: #CFA23A;    /* Tono medio */
  --gold-shadow: #6E4F1F;     /* Sombra profunda */
  --gold-ring: #E2B54A;       /* Color del anillo */
  --gold-ring-light: #FFF0A6; /* Brillo del anillo */
  --gold-ring-dark: #7A5827;  /* Sombra del anillo */
  
  /* Aplicaciones específicas */
  --gold-primary: var(--gold-medium);
  --gold-secondary: var(--gold-light);
  --gold-accent: var(--gold-dark);
  --gold-gradient: linear-gradient(135deg, var(--gold-light), var(--gold-medium), var(--gold-dark));
  --gold-gradient-soft: linear-gradient(135deg, var(--gold-light), var(--gold-medium));
  --gold-gradient-deep: linear-gradient(135deg, var(--gold-medium), var(--gold-dark));
  
  /* Reemplazos para colores anteriores */
  --pink: var(--gold-medium) !important;
  --pink2: var(--gold-light) !important;
  --pink-dark: var(--gold-dark) !important;
  --pink-deep: var(--gold-deep) !important;
  
  /* Variables del formulario actualizadas */
  --form-focus: var(--gold-medium) !important;
  --form-focus-glow: rgba(212, 175, 55, 0.2) !important;
  --form-focus-light: rgba(255, 212, 106, 0.15) !important;
  
  /* Sombras doradas */
  --gold-shadow-light: 0 4px 20px rgba(212, 175, 55, 0.3);
  --gold-shadow-medium: 0 8px 32px rgba(212, 175, 55, 0.4);
  --gold-shadow-deep: 0 12px 40px rgba(212, 175, 55, 0.5);
  
  /* Texto sobre fondos dorados */
  --text-on-gold: #1a1a1a;
  --text-on-gold-light: #333333;
}

/* Clases de utilidad dorada */
.gold-text {
  background: var(--gold-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.gold-text-light {
  background: var(--gold-gradient-soft);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

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

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

.gold-bg-dark {
  background: var(--gold-gradient-deep);
}

/* Botones dorados */
.btn-gold {
  background: var(--gold-gradient);
  border: none;
  color: var(--text-on-gold);
  box-shadow: var(--gold-shadow-light);
  transition: all 0.3s ease;
}

.btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: var(--gold-shadow-medium);
}

.btn-gold:active {
  transform: translateY(0);
  box-shadow: var(--gold-shadow-light);
}

/* Efectos especiales dorados */
.gold-glow {
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
}

.gold-ring {
  border: 2px solid var(--gold-ring);
  box-shadow: 0 0 0 4px var(--gold-ring-light), 0 0 20px var(--gold-ring-dark);
}

/* Animaciones doradas */
@keyframes gold-shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.gold-shimmer {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  background-size: 200% 100%;
  animation: gold-shimmer 2s infinite;
}