/* Paleta Bee Delivery por cima do tema da Evo: verde neon -> amarelo #FFE600.
   apply-branding.sh injeta este arquivo no index.html, depois do CSS original. */

/* Fora de @layer: vence as variáveis do tema original nos dois modos. */
:root:not(.dark) {
  --primary: #FFE600;
  --primary-foreground: oklch(.205 0 0);
  --bee-gold: #7E6F08;
}
.dark {
  --primary: #FFE600;
  --primary-foreground: oklch(.205 0 0);
}

/* Tema claro: amarelo em texto, borda e anel some no fundo branco, então esses
   usos viram dourado escuro (contraste 5:1). Fundos e o degradê seguem amarelos.
   Lista tirada dos utilitários *-primary do CSS da imagem v1.1.0; um utilitário
   novo que a Evo criar depois só fica amarelo no tema claro, sem quebrar nada. */
@layer utilities {
  :where(:root:not(.dark)) .border-primary{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .fill-primary{fill:var(--bee-gold)}
  :where(:root:not(.dark)) .text-primary{color:var(--bee-gold)}
  :where(:root:not(.dark)) .ring-primary{--tw-ring-color: var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:text-primary:hover{color:var(--bee-gold)}
  :where(:root:not(.dark)) .data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-primary\/20{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-primary\/20{border-color:color-mix(in oklab,var(--bee-gold) 20%,transparent)}
  :where(:root:not(.dark)) .border-primary\/30{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-primary\/30{border-color:color-mix(in oklab,var(--bee-gold) 30%,transparent)}
  :where(:root:not(.dark)) .border-primary\/40{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-primary\/40{border-color:color-mix(in oklab,var(--bee-gold) 40%,transparent)}
  :where(:root:not(.dark)) .border-primary\/50{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-primary\/50{border-color:color-mix(in oklab,var(--bee-gold) 50%,transparent)}
  :where(:root:not(.dark)) .border-primary\/90{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-primary\/90{border-color:color-mix(in oklab,var(--bee-gold) 90%,transparent)}
  :where(:root:not(.dark)) .border-t-primary{border-top-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-l-primary{border-left-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-l-primary\/40{border-left-color:var(--bee-gold)}
  :where(:root:not(.dark)) .border-l-primary\/40{border-left-color:color-mix(in oklab,var(--bee-gold) 40%,transparent)}
  :where(:root:not(.dark)) .text-primary\/60{color:var(--bee-gold)}
  :where(:root:not(.dark)) .text-primary\/60{color:color-mix(in oklab,var(--bee-gold) 60%,transparent)}
  :where(:root:not(.dark)) .text-primary\/80{color:var(--bee-gold)}
  :where(:root:not(.dark)) .text-primary\/80{color:color-mix(in oklab,var(--bee-gold) 80%,transparent)}
  :where(:root:not(.dark)) .accent-primary{accent-color:var(--bee-gold)}
  :where(:root:not(.dark)) .shadow-primary\/25{--tw-shadow-color:var(--bee-gold)}
  :where(:root:not(.dark)) .shadow-primary\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--bee-gold) 25%, transparent) var(--tw-shadow-alpha), transparent)}
  :where(:root:not(.dark)) .ring-primary{--tw-ring-color:var(--bee-gold)}
  :where(:root:not(.dark)) .ring-primary\/20{--tw-ring-color:var(--bee-gold)}
  :where(:root:not(.dark)) .ring-primary\/20{--tw-ring-color:color-mix(in oklab, var(--bee-gold) 20%, transparent)}
  :where(:root:not(.dark)) .ring-primary\/25{--tw-ring-color:var(--bee-gold)}
  :where(:root:not(.dark)) .ring-primary\/25{--tw-ring-color:color-mix(in oklab, var(--bee-gold) 25%, transparent)}
  :where(:root:not(.dark)) .outline-primary{outline-color:var(--bee-gold)}
  :where(:root:not(.dark)) .outline-primary\/30{outline-color:var(--bee-gold)}
  :where(:root:not(.dark)) .outline-primary\/30{outline-color:color-mix(in oklab,var(--bee-gold) 30%,transparent)}
  :where(:root:not(.dark)) .group-hover\:text-primary:is(:where(.group):hover *){color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:border-primary:hover{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:border-primary\/20:hover{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:border-primary\/20:hover{border-color:color-mix(in oklab,var(--bee-gold) 20%,transparent)}
  :where(:root:not(.dark)) .hover\:border-primary\/30:hover{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--bee-gold) 30%,transparent)}
  :where(:root:not(.dark)) .hover\:border-primary\/40:hover{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:border-primary\/40:hover{border-color:color-mix(in oklab,var(--bee-gold) 40%,transparent)}
  :where(:root:not(.dark)) .hover\:border-primary\/50:hover{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:border-primary\/50:hover{border-color:color-mix(in oklab,var(--bee-gold) 50%,transparent)}
  :where(:root:not(.dark)) .hover\:text-primary\/70:hover{color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:text-primary\/70:hover{color:color-mix(in oklab,var(--bee-gold) 70%,transparent)}
  :where(:root:not(.dark)) .hover\:text-primary\/80:hover{color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:text-primary\/80:hover{color:color-mix(in oklab,var(--bee-gold) 80%,transparent)}
  :where(:root:not(.dark)) .hover\:ring-primary\/20:hover{--tw-ring-color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:ring-primary\/20:hover{--tw-ring-color:color-mix(in oklab, var(--bee-gold) 20%, transparent)}
  :where(:root:not(.dark)) .hover\:outline-primary\/50:hover{outline-color:var(--bee-gold)}
  :where(:root:not(.dark)) .hover\:outline-primary\/50:hover{outline-color:color-mix(in oklab,var(--bee-gold) 50%,transparent)}
  :where(:root:not(.dark)) .focus\:border-primary:focus{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .focus\:text-primary:focus{color:var(--bee-gold)}
  :where(:root:not(.dark)) .focus\:ring-primary:focus{--tw-ring-color:var(--bee-gold)}
  :where(:root:not(.dark)) .focus\:ring-primary\/50:focus{--tw-ring-color:var(--bee-gold)}
  :where(:root:not(.dark)) .focus\:ring-primary\/50:focus{--tw-ring-color:color-mix(in oklab, var(--bee-gold) 50%, transparent)}
  :where(:root:not(.dark)) .focus-visible\:border-primary:focus-visible{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--bee-gold)}
  :where(:root:not(.dark)) .data-\[state\=active\]\:border-primary[data-state=active]{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .data-\[state\=active\]\:border-primary\/30[data-state=active]{border-color:var(--bee-gold)}
  :where(:root:not(.dark)) .data-\[state\=active\]\:border-primary\/30[data-state=active]{border-color:color-mix(in oklab,var(--bee-gold) 30%,transparent)}
  :where(:root:not(.dark)) .data-\[state\=active\]\:text-primary[data-state=active]{color:var(--bee-gold)}
}