/* Universo do Banheiro - Theme variables
   Altere apenas os valores abaixo para ajustar o tema do site/painel. */
:root{
  --ub-primary: #3555e3;         /* cor principal (botões/links) */
  --ub-primary-rgb: 53, 85, 227; /* mesma cor em RGB (para variações de opacidade) */
  --ub-background-light: #f8fafc;/* fundo claro */
}

/* Mapeia classes "custom" usadas no projeto para CSS puro (independente do Tailwind config) */
.bg-primary{ background-color: var(--ub-primary) !important; }
.text-primary{ color: var(--ub-primary) !important; }
.border-primary{ border-color: var(--ub-primary) !important; }

/* Variações usadas em alguns componentes */
.bg-primary\/10{ background-color: rgba(var(--ub-primary-rgb), 0.10) !important; }

/* Variantes pseudo-class usadas no markup (Tailwind-like) */
.hover\:bg-primary:hover{ background-color: var(--ub-primary) !important; }
.focus\:ring-primary:focus{ --tw-ring-color: var(--ub-primary) !important; }
.focus\:border-primary:focus{ border-color: var(--ub-primary) !important; }

/* Fundo claro custom */
.bg-background-light{ background-color: var(--ub-background-light) !important; }