/* Arte & Sabor — Custom Overrides v2.0 */
/* As variáveis principais estão no <style> inline do index.php */
/* Este arquivo contém apenas overrides adicionais */

body { background-color: #FFFFFF; color: #212529; }

:root {
  --color-primary:      #F472B6;   /* Rosa vibrante — CTAs, destaques */
  --color-secondary:    #FB7185;   /* Salmão — gradients, hover states */
  --color-accent:       #FDE8D8;   /* Rosa claro — backgrounds suaves */
  --color-surface:      #FFFFFF;   /* Branco puro — fundo light */
  --color-surface-2:    #F8F9FA;   /* Cards e seções alternadas */
  --color-surface-3:    #E9ECEF;   /* Bordas e separadores */
  --color-text-primary: #212529;   /* Texto principal */
  --color-text-muted:   #6C757D;   /* Textos secundários */
  --gradient-brand: linear-gradient(135deg, #F472B6 0%, #FB7185 100%);
  --gradient-glass: linear-gradient(135deg, rgba(244,114,182,0.08), rgba(251,113,133,0.04));
}

body {
  background-color: var(--color-surface);
  color: var(--color-text-primary);
  font-family: 'Inter', sans-serif;
}

/* Glassmorphism */
.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid rgba(255, 105, 180, 0.2);
  border-radius: 16px;
}

/* Glow de botão primário */
.btn-primary {
  background: var(--gradient-brand);
  box-shadow: 0 0 32px rgba(255, 105, 180, 0.35);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.btn-primary:hover {
  box-shadow: 0 0 48px rgba(255, 105, 180, 0.55);
  transform: translateY(-2px);
}

/* Navbar Scrolled state */
.navbar-scrolled {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 105, 180, 0.1);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-surface-2);
}
::-webkit-scrollbar-thumb {
  background: var(--color-surface-3);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}

/* Animações customizadas */
@keyframes bounce-subtle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.animate-bounce-subtle {
  animation: bounce-subtle 2s infinite;
}