/* ============================================================
   LaCuponeta — Tema visual compartido (SDK de juegos, Fase 0)
   ============================================================

   Extraído del código REAL en producción — no de la documentación
   vieja ni del logo. `SKILL.md` (memoria del skill /lacuponeta)
   describía "negro cálido + dorado" desde la Fase 1 (2026-07-27),
   pero el `index.html` real (landing + .wheel-screen/.scratch-screen/
   .result-screen) usa otra paleta desde una reescritura posterior que
   nunca se documentó: blanco + verde + naranja. Estos tokens vienen
   de ese `:root` real (ver `ventures/droides-campanas/index.html`,
   líneas 16-26 y 172-238), no de la marca vieja.

   Todo juego USA estas variables — nunca un color propio hardcodeado.
   El validador de CI puede revisar esto (ver .github/workflows/validar.yml).
   ============================================================ */

:root {
  /* Fondo y superficies */
  --lc-bg:          #FFFFFF;
  --lc-superficie:  #F6FAF8;
  --lc-superficie2: #F0F5F2;
  --lc-borde:       rgba(20,20,20,.14);

  /* Texto */
  --lc-tinta:       #14171A;  /* texto principal, oscuro casi negro */
  --lc-tinta2:      #5B6169;
  --lc-tinta-muted: #98A0A8;

  /* Verde — color primario de marca */
  --lc-verde:        #12946B;
  --lc-verde-oscuro: #0C6E4F;
  --lc-verde-suave:  #E3F5EC;

  /* Naranja — acento, CTA, resultado */
  --lc-naranja:        #F5961F;
  --lc-naranja-oscuro: #D97706;
  --lc-naranja-suave:  #FFF1DE;

  /* Estados */
  --lc-exito-bg: #D1FAE5;
  --lc-exito-tx: #065F46;
  --lc-error:    #D6473C;
  --lc-error-bg: #FDECEA;

  /* Sombras */
  --lc-sombra:       0 2px 16px rgba(10,10,10,.10), 0 1px 4px rgba(10,10,10,.08);
  --lc-sombra-modal: 0 20px 44px -18px rgba(10,10,10,.22), 0 2px 8px rgba(10,10,10,.10);

  /* Paleta de gajos/segmentos — para juegos de "elegí 1 de N cosas
     cerradas" (Ruleta, y todo lo que salga del motor "Elegí una Caja").
     Mismo array que ya usa la Ruleta real en producción. */
  --lc-gajo-1: #F5961F;
  --lc-gajo-2: #25D366;
  --lc-gajo-3: #4EC5F1;
  --lc-gajo-4: #8B5CF6;
  --lc-gajo-5: #F2789F;
  --lc-gajo-6: #2FB88A;

  --lc-fuente: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* Reset mínimo — cada juego lo hereda, no lo repite */
.lc-juego, .lc-juego * { box-sizing: border-box; }
.lc-juego {
  font-family: var(--lc-fuente);
  color: var(--lc-tinta);
}