/* =========================================================
   SÓ CONVIDADOS — paletas do convite
   A família escolhe uma no painel (Capa do convite); o convite e a
   prévia do painel usam [data-tema="..."]. Cada paleta define:
     fundo/texto ........ a capa
     cta/cta-txt ........ o botão principal (Confirmar presença)
     borda .............. contorno e sombra dura dos botões
     sec/sec-txt ........ botões secundários (jogo, placar)
     conf1/conf2 ........ o confete do fundo
     icone .............. ícones e número da idade na capa
     tinta .............. destaque sobre o papel (título, contorno, botões das outras telas)
     sombra-nome ........ sombra do nome grande
     circulo/circulo-txt  o círculo com a inicial (sem foto)
   Texto x fundo e cta-txt x cta passam de 4,5:1 em todas.
   ========================================================= */
[data-tema] {
  --t-fundo: #9E2018; --t-texto: #FFF3E2;
  --t-cta: #FFC93C; --t-cta-txt: #2A160F; --t-borda: #2A160F;
  --t-sec: rgba(42,22,15,.88); --t-sec-txt: #FFF3E2; --t-sec-borda: rgba(255,243,226,.5);
  --t-conf1: #FFC93C; --t-conf2: #FFF3E2; --t-icone: #FFC93C;
  --t-tinta: #C2251A; --t-sombra-nome: #2A160F;
  --t-circulo: #FFC93C; --t-circulo-txt: #2A160F;
}
[data-tema="oceano"] {
  --t-fundo: #0B4F6C; --t-texto: #F1FAFF;
  --t-cta: #FFD166; --t-cta-txt: #1B1A17; --t-borda: #062C3D;
  --t-sec: rgba(6,44,61,.85); --t-sec-txt: #F1FAFF; --t-sec-borda: rgba(241,250,255,.45);
  --t-conf1: #FFD166; --t-conf2: #7FDBDA; --t-icone: #FFD166;
  --t-tinta: #0B6E99; --t-sombra-nome: #062C3D;
  --t-circulo: #FFD166; --t-circulo-txt: #1B1A17;
}
[data-tema="jardim"] {
  --t-fundo: #1E5B3A; --t-texto: #FFF7E6;
  --t-cta: #F7C548; --t-cta-txt: #1F2A14; --t-borda: #0F2E1D;
  --t-sec: rgba(15,46,29,.85); --t-sec-txt: #FFF7E6; --t-sec-borda: rgba(255,247,230,.45);
  --t-conf1: #F7C548; --t-conf2: #A8E6A1; --t-icone: #F7C548;
  --t-tinta: #23704A; --t-sombra-nome: #0F2E1D;
  --t-circulo: #F7C548; --t-circulo-txt: #1F2A14;
}
[data-tema="rosa"] {
  --t-fundo: #F9D3DE; --t-texto: #4A1630;
  --t-cta: #C2185B; --t-cta-txt: #FFFFFF; --t-borda: #4A1630;
  --t-sec: #FFFFFF; --t-sec-txt: #4A1630; --t-sec-borda: #4A1630;
  --t-conf1: #FF8FB8; --t-conf2: #FFFFFF; --t-icone: #C2185B;
  --t-tinta: #B0124F; --t-sombra-nome: rgba(255,255,255,.85);
  --t-circulo: #FFFFFF; --t-circulo-txt: #4A1630;
}
[data-tema="ceu"] {
  --t-fundo: #CDE8F6; --t-texto: #0F3550;
  --t-cta: #1565A8; --t-cta-txt: #FFFFFF; --t-borda: #0F3550;
  --t-sec: #FFFFFF; --t-sec-txt: #0F3550; --t-sec-borda: #0F3550;
  --t-conf1: #7CC3EA; --t-conf2: #FFFFFF; --t-icone: #1565A8;
  --t-tinta: #1565A8; --t-sombra-nome: rgba(255,255,255,.85);
  --t-circulo: #FFFFFF; --t-circulo-txt: #0F3550;
}
[data-tema="noite"] {
  --t-fundo: #36215E; --t-texto: #FBF0FF;
  --t-cta: #FF9ACB; --t-cta-txt: #2A0F2A; --t-borda: #1A0E30;
  --t-sec: rgba(26,14,48,.85); --t-sec-txt: #FBF0FF; --t-sec-borda: rgba(251,240,255,.45);
  --t-conf1: #FFD166; --t-conf2: #FF9ACB; --t-icone: #FFD166;
  --t-tinta: #6A3FB5; --t-sombra-nome: #1A0E30;
  --t-circulo: #FFD166; --t-circulo-txt: #2A0F2A;
}
[data-tema="arraia"] {
  --t-fundo: #F4B400; --t-texto: #3A1C05;
  --t-cta: #C8102E; --t-cta-txt: #FFFFFF; --t-borda: #3A1C05;
  --t-sec: #FFF3E2; --t-sec-txt: #3A1C05; --t-sec-borda: #3A1C05;
  --t-conf1: #C8102E; --t-conf2: #1F4FB0; --t-icone: #C8102E;
  --t-tinta: #B0101F; --t-sombra-nome: rgba(255,243,226,.7);
  --t-circulo: #FFF3E2; --t-circulo-txt: #3A1C05;
}
[data-tema="elegante"] {
  --t-fundo: #171412; --t-texto: #F5EBDD;
  --t-cta: #D9B44A; --t-cta-txt: #171412; --t-borda: #000000;
  --t-sec: #24201C; --t-sec-txt: #F5EBDD; --t-sec-borda: #D9B44A;
  --t-conf1: #D9B44A; --t-conf2: #F5EBDD; --t-icone: #D9B44A;
  --t-tinta: #8A6A12; --t-sombra-nome: #000000;
  --t-circulo: #D9B44A; --t-circulo-txt: #171412;
}

/* ---------- cores de time: listras de camisa + bolinhas no fundo (sem escudo nem nome de clube) ---------- */
[data-tema="time-rubronegro"] {
  --t-fundo: #B5121B; --t-texto: #FFFFFF;
  --t-cta: #111111; --t-cta-txt: #FFFFFF; --t-borda: #000000;
  --t-sec: rgba(0,0,0,.85); --t-sec-txt: #FFFFFF; --t-sec-borda: rgba(255,255,255,.5);
  --t-conf1: #111111; --t-conf2: #FFFFFF; --t-icone: #FFFFFF;
  --t-tinta: #B5121B; --t-sombra-nome: #000000;
  --t-circulo: #111111; --t-circulo-txt: #FFFFFF; --t-listra: rgba(0,0,0,.3);
}
[data-tema="time-alvinegro"] {
  --t-fundo: #141414; --t-texto: #FFFFFF;
  --t-cta: #FFFFFF; --t-cta-txt: #141414; --t-borda: #000000;
  --t-sec: rgba(255,255,255,.12); --t-sec-txt: #FFFFFF; --t-sec-borda: rgba(255,255,255,.5);
  --t-conf1: #FFFFFF; --t-conf2: #9A9A9A; --t-icone: #FFFFFF;
  --t-tinta: #141414; --t-sombra-nome: #000000;
  --t-circulo: #FFFFFF; --t-circulo-txt: #141414; --t-listra: rgba(255,255,255,.12);
}
[data-tema="time-alviverde"] {
  --t-fundo: #006437; --t-texto: #FFFFFF;
  --t-cta: #FFFFFF; --t-cta-txt: #006437; --t-borda: #00331C;
  --t-sec: rgba(0,51,28,.85); --t-sec-txt: #FFFFFF; --t-sec-borda: rgba(255,255,255,.5);
  --t-conf1: #FFFFFF; --t-conf2: #7BD69B; --t-icone: #FFFFFF;
  --t-tinta: #006437; --t-sombra-nome: #00331C;
  --t-circulo: #FFFFFF; --t-circulo-txt: #006437; --t-listra: rgba(255,255,255,.1);
}
[data-tema="time-tricolor"] {
  --t-fundo: #FFFFFF; --t-texto: #111111;
  --t-cta: #D0021B; --t-cta-txt: #FFFFFF; --t-borda: #111111;
  --t-sec: #111111; --t-sec-txt: #FFFFFF; --t-sec-borda: #111111;
  --t-conf1: #D0021B; --t-conf2: #111111; --t-icone: #D0021B;
  --t-tinta: #D0021B; --t-sombra-nome: rgba(208,2,27,.22);
  --t-circulo: #111111; --t-circulo-txt: #FFFFFF; --t-listra: rgba(208,2,27,.09);
}
[data-tema="time-grena"] {
  --t-fundo: #7A1830; --t-texto: #FFFFFF;
  --t-cta: #00843D; --t-cta-txt: #FFFFFF; --t-borda: #3A0A16;
  --t-sec: rgba(58,10,22,.85); --t-sec-txt: #FFFFFF; --t-sec-borda: rgba(255,255,255,.5);
  --t-conf1: #00A651; --t-conf2: #FFFFFF; --t-icone: #FFFFFF;
  --t-tinta: #7A1830; --t-sombra-nome: #3A0A16;
  --t-circulo: #00843D; --t-circulo-txt: #FFFFFF; --t-listra: rgba(0,132,61,.35);
}
[data-tema="time-azulpreto"] {
  --t-fundo: #0A6AAB; --t-texto: #FFFFFF;
  --t-cta: #111111; --t-cta-txt: #FFFFFF; --t-borda: #000000;
  --t-sec: rgba(0,0,0,.8); --t-sec-txt: #FFFFFF; --t-sec-borda: rgba(255,255,255,.5);
  --t-conf1: #111111; --t-conf2: #FFFFFF; --t-icone: #FFFFFF;
  --t-tinta: #0A6AAB; --t-sombra-nome: #000000;
  --t-circulo: #111111; --t-circulo-txt: #FFFFFF; --t-listra: rgba(0,0,0,.28);
}
[data-tema="time-colorado"] {
  --t-fundo: #C8101B; --t-texto: #FFFFFF;
  --t-cta: #FFFFFF; --t-cta-txt: #B00A14; --t-borda: #6B0008;
  --t-sec: rgba(107,0,8,.85); --t-sec-txt: #FFFFFF; --t-sec-borda: rgba(255,255,255,.5);
  --t-conf1: #FFFFFF; --t-conf2: #FFB3B8; --t-icone: #FFFFFF;
  --t-tinta: #B00A14; --t-sombra-nome: #6B0008;
  --t-circulo: #FFFFFF; --t-circulo-txt: #B00A14; --t-listra: rgba(255,255,255,.14);
}
[data-tema="time-celeste"] {
  --t-fundo: #1A3A8F; --t-texto: #FFFFFF;
  --t-cta: #FFFFFF; --t-cta-txt: #1A3A8F; --t-borda: #0B1E52;
  --t-sec: rgba(11,30,82,.85); --t-sec-txt: #FFFFFF; --t-sec-borda: rgba(255,255,255,.5);
  --t-conf1: #FFFFFF; --t-conf2: #8FB4FF; --t-icone: #FFFFFF;
  --t-tinta: #1A3A8F; --t-sombra-nome: #0B1E52;
  --t-circulo: #FFFFFF; --t-circulo-txt: #1A3A8F; --t-listra: rgba(255,255,255,.1);
}
[data-tema="time-azulvermelho"] {
  --t-fundo: #0B3B8C; --t-texto: #FFFFFF;
  --t-cta: #C8161D; --t-cta-txt: #FFFFFF; --t-borda: #061F4D;
  --t-sec: rgba(6,31,77,.85); --t-sec-txt: #FFFFFF; --t-sec-borda: rgba(255,255,255,.5);
  --t-conf1: #E1251B; --t-conf2: #FFFFFF; --t-icone: #FFFFFF;
  --t-tinta: #0B3B8C; --t-sombra-nome: #061F4D;
  --t-circulo: #C8161D; --t-circulo-txt: #FFFFFF; --t-listra: rgba(200,22,29,.35);
}
[data-tema^="time-"] {
  --t-bola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg transform='translate(16 16)'%3E%3Ccircle r='9' fill='%23fff' stroke='%231a1a1a' stroke-width='1.2'/%3E%3Cpath d='M0-3.6 3.4-1.1 2.1 2.9-2.1 2.9-3.4-1.1Z' fill='%231a1a1a'/%3E%3Cpath d='M0-3.6V-9M3.4-1.1 8.6-2.8M2.1 2.9 5.3 7.3M-2.1 2.9-5.3 7.3M-3.4-1.1-8.6-2.8' stroke='%231a1a1a' stroke-width='1.1' fill='none'/%3E%3C/g%3E%3C/svg%3E");
}
/* o convite: listras na capa toda, bolinhas no lugar do confete */
[data-tema^="time-"] .tela--inicio { background: repeating-linear-gradient(90deg, transparent 0 44px, var(--t-listra) 44px 88px), var(--t-fundo); }
[data-tema^="time-"] .tela--inicio::before { opacity: .9; background: var(--t-bola) 0 0 / 120px 120px, var(--t-bola) 60px 60px / 120px 120px; }
/* a prévia no painel e a amostra da paleta */
.abertura__tela[data-tema^="time-"] { background: var(--t-bola) 6px 4px / 78px 78px, repeating-linear-gradient(90deg, transparent 0 26px, var(--t-listra) 26px 52px), var(--t-fundo); }
.tema[data-tema^="time-"] .tema__amostra { background: repeating-linear-gradient(90deg, transparent 0 8px, var(--t-listra) 8px 16px), var(--t-fundo); }
.tema[data-tema^="time-"] .tema__amostra::after { content: "⚽"; position: absolute; top: 3px; right: 4px; font-size: 11px; line-height: 1; }