/* Identidade visual — Seleção Brasileira (verde, amarelo, azul) */
:root {
  --primary: oklch(48% 0.17 155);
  --primary-foreground: oklch(99% 0.01 155);
  --ring: oklch(48% 0.17 155);
  --destructive: oklch(48% 0.17 155);
  --destructive-foreground: oklch(99% 0.01 155);
  --accent: oklch(88% 0.19 102);
  --accent-foreground: oklch(22% 0.06 155);
  --deal: oklch(88% 0.19 102);
  --gold: oklch(88% 0.19 102);
  --gold-foreground: oklch(22% 0.06 155);
  --stadium: oklch(22% 0.08 155);
  --stadium-foreground: oklch(97% 0.02 102);
  --background: oklch(97% 0.02 102);
  --secondary: oklch(94% 0.03 102);
  --muted: oklch(94% 0.03 155);
  --border: oklch(88% 0.04 155);
  --input: oklch(88% 0.04 155);
}

.dark {
  --primary: oklch(55% 0.18 155);
  --ring: oklch(55% 0.18 155);
  --accent: oklch(88% 0.19 102);
  --deal: oklch(88% 0.19 102);
  --stadium: oklch(18% 0.07 155);
}

/* Preços e destaques em amarelo canário */
.text-deal,
.text-accent {
  color: var(--deal);
}

/* ===== Ajustes de contraste (seção do contador) ===== */
section[style*="section-bg-brasil.png"] {
  position: relative;
}

/* Escurece a imagem de fundo para dar contraste */
section[style*="section-bg-brasil.png"] > .absolute.inset-0 {
  background-color: color-mix(in oklab, black 68%, transparent) !important;
}

/* Barra de stats mais sólida */
section[style*="section-bg-brasil.png"] .max-w-2xl.border-stadium-foreground\/15 {
  background-color: color-mix(in oklab, black 45%, transparent) !important;
  border-color: color-mix(in oklab, white 18%, transparent) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Badge superior com mais presença */
section[style*="section-bg-brasil.png"] .rounded-full.bg-primary\/15 {
  background-color: color-mix(in oklab, var(--primary) 28%, black 72%) !important;
  border-color: color-mix(in oklab, var(--primary) 55%, transparent) !important;
}

/* Timer bem legível */
section[style*="section-bg-brasil.png"] .text-primary.drop-shadow-\[0_4px_24px_oklch\(0\.48_0\.17_155\/0\.6\)\] {
  text-shadow: 0 10px 34px rgba(0,0,0,.55);
}

/* CTA “CPF” em amarelo com texto escuro (alto contraste) */
section[style*="section-bg-brasil.png"] span:has(> svg.lucide-lock) {
  background-color: color-mix(in oklab, var(--deal) 20%, black 80%) !important;
  border-color: color-mix(in oklab, var(--deal) 55%, transparent) !important;
}

/* Unificar “bolinhas”/ícones da barra: tudo em verde (primary),
   amarelo (deal) só para números e CTA */
section[style*="section-bg-brasil.png"] .max-w-2xl .bg-accent\/20 {
  background-color: color-mix(in oklab, var(--primary) 22%, transparent) !important;
}

section[style*="section-bg-brasil.png"] .max-w-2xl .text-accent {
  color: var(--deal) !important;
}

section[style*="section-bg-brasil.png"] .max-w-2xl .bg-primary\/20 {
  background-color: color-mix(in oklab, var(--primary) 22%, transparent) !important;
}

section[style*="section-bg-brasil.png"] .max-w-2xl .text-primary {
  color: var(--primary) !important;
}