/* Typography and Colors */
:root {
  --bg-color: #050202; /* Quase um preto absoluto com um tiquinho de vermelho (infinito) */
  --text-primary: #f5f5f5; /* Off-white para leitura confortável */
  --text-secondary: #aaaaaa;
  --accent-color: #ff0844; /* Vermelho escarlate vibrante */
  --box-bg: rgba(20, 5, 5, 0.7); /* Vidro escuro */
  --font-cursive: 'Great Vibes', cursive;
  --font-sans: 'Inter', sans-serif;
  --font-bold: 900;
}

/* Criando o efeito de cores vermelhas pulsando no fundo (Dark Mode Romântico) */
body {
  font-family: var(--font-sans);
  background-color: #050202; /* Sempre preto profundo (Dark Mode) */
  color: var(--text-primary);
}

#main-content {
  overflow-x: hidden;
  position: relative;
}

body.no-scroll {
  overflow: hidden;
  height: 100vh;
}

body::before, body::after {
  content: "";
  position: fixed;
  border-radius: 50%;
  filter: blur(80px);
  z-index: -1; /* Fica no fundo absoluto */
  animation: pulseBg 10s ease-in-out infinite alternate;
  pointer-events: none;
}

body::before {
  width: 60vw;
  height: 60vw;
  background: radial-gradient(circle, rgba(255, 8, 68, 0.25) 0%, rgba(0,0,0,0) 70%);
  top: -10%;
  left: -10%;
}

body::after {
  width: 70vw;
  height: 70vw;
  background: radial-gradient(circle, rgba(200, 0, 30, 0.3) 0%, rgba(0,0,0,0) 70%);
  bottom: -20%;
  right: -10%;
  animation-delay: -5s;
}

@keyframes pulseBg {
  0% { transform: scale(0.8) translate(0, 0); opacity: 0.6; }
  50% { transform: scale(1.3) translate(10%, 10%); opacity: 1; }
  100% { transform: scale(0.9) translate(-10%, -10%); opacity: 0.8; }
}

/* Efeito de Glow no Mouse */
.mouse-glow {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255, 8, 68, 0.15) 0%, rgba(0,0,0,0) 60%);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 9999;
  filter: blur(20px);
  mix-blend-mode: screen;
}

h1, h2, h3, p {
  margin: 0;
}

.name-text {
  font-family: var(--font-cursive);
  font-size: 3rem;
  color: #ffb6c1; /* Soft pink for the names as in layout */
}