/* ============================================================
   PIEL FORUA — Ginkana QR
   Tokens visuales de la primera implantación (Ayuntamiento de Forua)
   Extraídos de forua.eus + elevados al nivel de exigencia de Ali.

   Esta es la CAPA DE PIEL del municipio. Toda la estética del juego
   sale de aquí. Para replicar la Ginkana en otro ayuntamiento, se
   duplica este archivo y se cambian los valores: el resto del código
   (lógica PHP + JS) NO se toca. Es justo lo que pide el CLAUDE.md §2.

   Mobile-first: el juego se vive en la calle, de pie, con el móvil.
   ============================================================ */

:root {

  /* --- COLOR: identidad institucional (lo reconocible de Forua) --- */
  --forua-navy:        #115685;  /* azul marino oficial, extraído de forua.eus */
  --forua-navy-dark:   #0d4468;  /* estados hover / presionado */
  --forua-navy-soft:   rgba(17, 86, 133, 0.90);  /* barras translúcidas sobre foto */

  /* --- COLOR: acentos de Urdaibai (el paisaje es el gran activo) --- */
  --forua-oro:         #C89B3C;  /* dorado marisma: puntos, logros, "conseguido" */
  --forua-verde:       #3E7C4F;  /* verde reserva: estado "resuelto" en el mapa */

  /* --- COLOR: neutros cálidos (de pueblo y naturaleza, no de oficina) --- */
  --forua-tinta:       #16202B;  /* texto principal sobre claro (casi-negro azulado) */
  --forua-gris:        #5B6B78;  /* texto secundario, labels */
  --forua-linea:       #DCDCE2;  /* bordes sutiles, separadores */
  --forua-hueso:       #F4F1EA;  /* fondo claro cálido (NO blanco puro de oficina) */
  --forua-blanco:      #FFFFFF;  /* superficies elevadas, cards */

  /* --- COLOR: feedback del juego (validación de respuestas) --- */
  --forua-ok:          #2E7D46;  /* respuesta correcta */
  --forua-error:       #C0392B;  /* respuesta incorrecta / intento fallido */
  --forua-aviso:       #B4791A;  /* "te quedan 2 intentos" */

  /* --- TIPOGRAFÍA ---
     forua.eus usa HelveticaNeue/Arial (genérica, prohibida por Ali).
     Se sube el nivel sin perder legibilidad civil (lo usa gente mayor
     en la calle): display con carácter para titulares, grotesca limpia
     para cuerpo y UI.
     Alternativas de display a elegir: Fraunces | Zodiak | Boska.
  */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* --- ESCALA TIPOGRÁFICA (fluida, base móvil) --- */
  --fs-hero:   clamp(2rem, 7vw, 3.25rem);   /* título de bienvenida de la ginkana */
  --fs-punto:  clamp(1.5rem, 5vw, 2.25rem); /* nombre del punto/prueba */
  --fs-body:   1.0625rem;                    /* 17px, cómodo en móvil al sol */
  --fs-label:  0.8125rem;
  --lh-body:   1.55;

  /* --- FORMA ---
     Nada de botones-cápsula (regla de Ali). Radios contenidos. */
  --r-sm:  8px;
  --r:     12px;
  --r-lg:  18px;

  /* --- ELEVACIÓN --- */
  --sombra:     0 2px 10px rgba(22, 32, 43, 0.08);
  --sombra-lg:  0 8px 30px rgba(17, 86, 133, 0.16);

  /* --- ESPACIADO (escala de 4) --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  /* --- LAYOUT --- */
  --ancho-juego:  480px;   /* el juego vive en columna estrecha, móvil real */
  --ancho-admin:  1120px;  /* el panel se usa desde ordenador */

  /* --- MOVIMIENTO (sutil; respetar prefers-reduced-motion) --- */
  --ease:    cubic-bezier(0.22, 1, 0.36, 1);
  --dur:     240ms;
}

/* Superficie de juego = claro cálido; el navy manda en cabeceras y CTAs.
   (El fondo negro de Konnexia NO aplica aquí: esto es de Forua, no de Konnexia.) */