/* =============================================================================
   Tuerka Ticket — plantillas de la página pública del evento (E20).
   Solo la carga web/evento.php. Junto con tokens.css, el único lugar con
   colores literales (bin/audit_design.php). Reasigna los tokens de rol de
   tokens.css; la plantilla Noche no necesita bloque.
   ========================================================================== */

/* Letras de título de las plantillas de evento (E20), servidas desde aquí (R1) */
@font-face {
  font-family: "Anton";
  src: url("/fonts/anton.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Baloo 2";
  src: url("/fonts/baloo2-800.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

/* Festival — estilo Carrera Cervecera: crema, tinta y naranja; títulos en Anton */
[data-plantilla="festival"] {
  --noche:   #F5E8D5;
  --panel:   #FAF1E1;
  --panel-2: #FFFFFF;
  --panel-3: #EFE0C8;
  --panel-4: #EAD9B7;
  --linea:   #E2CFAE;
  --linea-2: #D3BC94;
  --linea-3: #B9A07A;
  --luz:     #0A1628;
  --bruma:   #2D3A4D;
  --niebla:  #545E6E;
  --apagado: #6B7280;
  --ambar:   #8A5300;
  --rojo:    #C21F3A;
  --verde:   #0B6E42;
  --ambar-10: rgba(138, 83, 0, .10);
  --rojo-10:  rgba(194, 31, 58, .10);
  --verde-10: rgba(11, 110, 66, .10);
  --velo:    rgba(10, 22, 40, .85);
  --accion:       #FF6A2C;
  --accion-hover: #FF8553;
  --sobre-accion: #0A1628;
  --enlace:       #B23C0B;
  --enlace-hover: #8A2E07;
  --foco:         #B23C0B;
  --logo-simbolo: #0A1628;
  --placa:        #FFFFFF;
  --sobre-placa:  #0A1628;
  --placa-oscura: #0A1628;
  --titulo-fuente: "Anton", "Archivo", sans-serif;
  --titulo-peso:   400;
  --titulo-ancho:  100%;
  --titulo-mayus:  uppercase;
  --titulo-espacio: .01em;
  color-scheme: light;
}

/* Infantil — clara: lavanda, morado y el amarillo del logo de Patatrún; títulos redondeados */
[data-plantilla="infantil"] {
  --noche:   #F6F1FF;
  --panel:   #FFFFFF;
  --panel-2: #FFFFFF;
  --panel-3: #EEE5FF;
  --panel-4: #E6DAFB;
  --linea:   #E2D6F7;
  --linea-2: #CDBBEE;
  --linea-3: #A88BD8;
  --luz:     #2A1450;
  --bruma:   #4A3670;
  --niebla:  #6A5A8A;
  --apagado: #7F6FA0;
  --ambar:   #8A5300;
  --rojo:    #B3123A;
  --verde:   #1C7A2E;
  --ambar-10: rgba(138, 83, 0, .10);
  --rojo-10:  rgba(179, 18, 58, .10);
  --verde-10: rgba(28, 122, 46, .10);
  --velo:    rgba(42, 20, 80, .85);
  --accion:       #FFC21A;
  --accion-hover: #FFD34F;
  --sobre-accion: #2A1450;
  --enlace:       #6B3FA0;
  --enlace-hover: #4E2A7F;
  --foco:         #6B3FA0;
  --logo-simbolo: #2A1450;
  --placa:        #FFFFFF;
  --sobre-placa:  #2A1450;
  --placa-oscura: #2A1450;
  --titulo-fuente: "Baloo 2", "Archivo", sans-serif;
  --titulo-peso:   800;
  --titulo-ancho:  100%;
  --titulo-mayus:  none;
  --titulo-espacio: 0;
  color-scheme: light;
}

/* Bosque — oscura, del kit oficial de Carrera Cervecera Cogua: verde profundo,
   crema, dorado y un toque de cyan; sin naranja. Títulos en Anton. */
[data-plantilla="bosque"] {
  --noche:   #0F1E16;
  --panel:   #15281E;
  --panel-2: #0B1711;
  --panel-3: #1B3326;
  --panel-4: #1F3A2B;
  --linea:   #24402F;
  --linea-2: #2F523E;
  --linea-3: #456E58;
  --luz:     #EBE3DD;
  --bruma:   #D3CBC2;
  --niebla:  #A9B6AB;
  --apagado: #84928A;
  --velo:    rgba(15, 30, 22, .85);
  --accion:       #F1BB59;
  --accion-hover: #F5CB7E;
  --sobre-accion: #0F1E16;
  --enlace:       #27BBCE;
  --enlace-hover: #5CCFDD;
  --foco:         #27BBCE;
  --placa:        #EBE3DD;
  --sobre-placa:  #0F1E16;
  --placa-oscura: #15281E;
  --titulo-fuente: "Anton", "Archivo", sans-serif;
  --titulo-peso:   400;
  --titulo-ancho:  100%;
  --titulo-mayus:  uppercase;
  --titulo-espacio: .01em;
  color-scheme: dark;
}

/* Bienestar — clara: blanco, tinta gris y un agua suave; títulos en Archivo, sin
   mayúscula. El acento es agua y no salvia: la salvia se confunde con el verde de
   «pagado» (verde solo para confirmado). --panel-2 lleva tinte para que inputs y
   datos no desaparezcan sobre el blanco. */
[data-plantilla="bienestar"] {
  --noche:   #FFFFFF;
  --panel:   #F6F8F8;
  --panel-2: #F2F6F6;
  --panel-3: #EDF3F3;
  --panel-4: #E6EEEF;
  --linea:   #E1E9EA;
  --linea-2: #C9D6D8;
  --linea-3: #9FB0B3;
  --luz:     #1F2B2F;
  --bruma:   #3B484D;
  --niebla:  #56646A;
  --apagado: #6E7A80;
  --ambar:   #8A5300;
  --rojo:    #B3123A;
  --verde:   #1C7A2E;
  --ambar-10: rgba(138, 83, 0, .10);
  --rojo-10:  rgba(179, 18, 58, .10);
  --verde-10: rgba(28, 122, 46, .10);
  --velo:    rgba(31, 43, 47, .85);
  --accion:       #8ED3DA;
  --accion-hover: #B2E2E7;
  --sobre-accion: #12292D;
  --enlace:       #0B6670;
  --enlace-hover: #084C54;
  --foco:         #0B6670;
  --logo-simbolo: #1F2B2F;
  --placa:        #FFFFFF;
  --sobre-placa:  #1F2B2F;
  --placa-oscura: #1F2B2F;
  --titulo-fuente: "Archivo", sans-serif;
  --titulo-peso:   700;
  --titulo-ancho:  100%;
  --titulo-mayus:  none;
  --titulo-espacio: -.01em;
  color-scheme: light;
}

/* Teatro (propuesta C14) — oscura: vino profundo, crema y dorado; títulos en Fraunces (serif). */
[data-plantilla="teatro"] {
  --noche:   #1E0B0F;
  --panel:   #2B1116;
  --panel-2: #240E12;
  --panel-3: #361820;
  --panel-4: #3F1D26;
  --linea:   #4A222B;
  --linea-2: #5E2E38;
  --linea-3: #8A5560;
  --luz:     #F4E9D8;
  --bruma:   #E2D3BE;
  --niebla:  #C4B19B;
  --apagado: #9C8775;
  --velo:    rgba(30, 11, 15, .85);
  --accion:       #D9A441;
  --accion-hover: #E6BC67;
  --sobre-accion: #1E0B0F;
  --enlace:       #E8BE6A;
  --enlace-hover: #F2D394;
  --foco:         #E8BE6A;
  --placa:        #F4E9D8;
  --sobre-placa:  #1E0B0F;
  --placa-oscura: #2B1116;
  --titulo-fuente: "Fraunces", Georgia, serif;
  --titulo-peso:   700;
  --titulo-ancho:  100%;
  --titulo-mayus:  none;
  --titulo-espacio: -.01em;
  color-scheme: dark;
}

/* Concierto (propuesta C14) — oscura: negro de escenario y amarillo ácido de luz; títulos en Anton. */
[data-plantilla="concierto"] {
  --noche:   #08080A;
  --panel:   #121216;
  --panel-2: #0D0D10;
  --panel-3: #19191F;
  --panel-4: #1F1F26;
  --linea:   #26262E;
  --linea-2: #34343E;
  --linea-3: #55555F;
  --luz:     #F2F2F0;
  --bruma:   #D0D0CC;
  --niebla:  #A6A6A2;
  --apagado: #84847F;
  --velo:    rgba(8, 8, 10, .85);
  --accion:       #E6FF2E;
  --accion-hover: #EEFF6B;
  --sobre-accion: #08080A;
  --enlace:       #E6FF2E;
  --enlace-hover: #F0FF80;
  --foco:         #E6FF2E;
  --placa:        #F2F2F0;
  --sobre-placa:  #08080A;
  --placa-oscura: #121216;
  --titulo-fuente: "Anton", "Archivo", sans-serif;
  --titulo-peso:   400;
  --titulo-ancho:  100%;
  --titulo-mayus:  uppercase;
  --titulo-espacio: .01em;
  color-scheme: dark;
}

/* Teatro claro (propuesta C14) — papel de programa de mano, tinta vino y botón vino; títulos en Fraunces. */
[data-plantilla="teatroclaro"] {
  --noche:   #FAF5EC;
  --panel:   #FFFFFF;
  --panel-2: #F4ECDF;
  --panel-3: #EFE5D5;
  --panel-4: #E8DCC8;
  --linea:   #E6DACA;
  --linea-2: #D4C3AC;
  --linea-3: #A88E78;
  --luz:     #2A0E12;
  --bruma:   #4E2A2F;
  --niebla:  #6E4F52;
  --apagado: #8A7070;
  --ambar:   #8A5300;
  --rojo:    #B3123A;
  --verde:   #1C7A2E;
  --ambar-10: rgba(138, 83, 0, .10);
  --rojo-10:  rgba(179, 18, 58, .10);
  --verde-10: rgba(28, 122, 46, .10);
  --velo:    rgba(42, 14, 18, .85);
  --accion:       #7A1F2B;
  --accion-hover: #5E1620;
  --sobre-accion: #FAF5EC;
  --enlace:       #7A1F2B;
  --enlace-hover: #5E1620;
  --foco:         #7A1F2B;
  --logo-simbolo: #2A0E12;
  --placa:        #FFFFFF;
  --sobre-placa:  #2A0E12;
  --placa-oscura: #2A0E12;
  --titulo-fuente: "Fraunces", Georgia, serif;
  --titulo-peso:   700;
  --titulo-ancho:  100%;
  --titulo-mayus:  none;
  --titulo-espacio: -.01em;
  color-scheme: light;
}

/* Concierto claro (propuesta C14) — papel de afiche, tinta negra; botón negro con letra amarillo ácido (la oscura, invertida). */
[data-plantilla="conciertoclaro"] {
  --noche:   #F3F3EE;
  --panel:   #FFFFFF;
  --panel-2: #EAEAE3;
  --panel-3: #E3E3DB;
  --panel-4: #DCDCD3;
  --linea:   #DDDDD5;
  --linea-2: #C5C5BC;
  --linea-3: #8E8E86;
  --luz:     #0B0B0D;
  --bruma:   #2E2E30;
  --niebla:  #55554F;
  --apagado: #77776F;
  --ambar:   #8A5300;
  --rojo:    #B3123A;
  --verde:   #1C7A2E;
  --ambar-10: rgba(138, 83, 0, .10);
  --rojo-10:  rgba(179, 18, 58, .10);
  --verde-10: rgba(28, 122, 46, .10);
  --velo:    rgba(11, 11, 13, .85);
  --accion:       #0B0B0D;
  --accion-hover: #2E2E30;
  --sobre-accion: #E6FF2E;
  --enlace:       #4B1FD1;
  --enlace-hover: #3714A3;
  --foco:         #4B1FD1;
  --logo-simbolo: #0B0B0D;
  --placa:        #FFFFFF;
  --sobre-placa:  #0B0B0D;
  --placa-oscura: #0B0B0D;
  --titulo-fuente: "Anton", "Archivo", sans-serif;
  --titulo-peso:   400;
  --titulo-ancho:  100%;
  --titulo-mayus:  uppercase;
  --titulo-espacio: .01em;
  color-scheme: light;
}
