/* Tema Halloween: noche morada, calabazas encendidas y verde tóxico.
   La puerta y la intro son de noche; la invitación se queda en papel para que
   los datos y el formulario se lean cómodos (como circo y vaquero). */
:root {
  --paper: #fbf3e4;
  --paper-2: #eddfc4;
  --heading: #3b1d5c;
  --deep: #160b26;
  --c1: #e8590c;
  --c2: #6d3fbf;
  --c3: #2f8f4e;
  --accent: #ffb03a;
  --soft: #ffe6b8;
  --ink: #2b1b3d;
  --script: "Creepster", "Arial Black", fantasy;

  /* Puerta: noche cerrada con un halo de luna por detrás */
  --gate-bg:
    radial-gradient(circle at 50% 12%, rgba(255,236,194,.30), transparent 42%),
    radial-gradient(circle at 50% 108%, rgba(232,89,12,.35), transparent 58%),
    linear-gradient(#0b0616, #2a1440 55%, #1b0f2e);

  /* Intro: del negro del cielo al resplandor de las calabazas abajo */
  --intro-bg: linear-gradient(#08040f, #1d1030 42%, #3d1f4e 68%, #7a3a2e 88%, #b5561f);

  /* Juego: noche arriba, para que resalte el HUD de papel */
  --game-bg: linear-gradient(#1b1230, #2d1d43 55%, #3b2a4a);

  --invite-bg:
    radial-gradient(circle at 8% 0%, rgba(232,89,12,.14), transparent 42%),
    radial-gradient(circle at 92% 18%, rgba(109,63,191,.14), transparent 42%),
    var(--paper);
}

/* El halo del arte de la escena venía azulado */
.scene-art { filter: drop-shadow(0 0 34px rgba(255,176,58,.28)); }

/* La tipografía de títulos es ilegible en frases largas: el subtítulo va en Fredoka */
.gate-sub { color: var(--accent); font-family: var(--ui); font-style: normal; font-weight: 600; }
.gate-kicker { color: #b98cff; }

.gate-title { text-shadow: 0 0 26px rgba(255,176,58,.45), 0 3px 0 rgba(0,0,0,.55); }

.intro-presents { font-family: var(--ui); font-style: normal; font-weight: 600; color: #ffe6b8; text-shadow: 0 2px 10px rgba(0,0,0,.6); }

.logo-text { column-gap: .28em; }
.logo-text .w { gap: .01em; }
.logo-text .w span {
  color: #ffb03a;
  text-shadow: 0 3px 0 #a83c05, 0 6px 0 #4a1503, 0 0 24px rgba(255,176,58,.55);
}
.logo-tag { color: #ffe6b8; text-shadow: 0 2px 8px rgba(0,0,0,.6); }

/* Aviso y botones dentro de la intro, sobre fondo oscuro */
.skip-btn { color: rgba(255,230,184,.8); }

.tc-stub { background: var(--heading); }
.ticket-card { border-color: var(--c1); }

/* Detalles de la invitación: un toque de morado en los bordes */
.details .ic { filter: saturate(1.15); }