/* ============================================================================
   TENANT BRAND UTILITIES - Multi-Tenant Design Tokens
   
   Este archivo NO es procesado por Tailwind para evitar purge.
   Las variables CSS (--tenant-*) son inyectadas dinámicamente por TenantHelper.
   ============================================================================ */

/* Backgrounds */
.bg-brand-primary {
  background-color: rgb(var(--tenant-primary)) !important;
}

.bg-brand-secondary {
  background-color: rgb(var(--tenant-secondary)) !important;
}

/* Text Colors */
.text-brand-primary {
  color: rgb(var(--tenant-primary)) !important;
}

.text-brand-secondary {
  color: rgb(var(--tenant-secondary)) !important;
}

/* Border Colors */
.border-brand-primary {
  border-color: rgb(var(--tenant-primary)) !important;
}

.border-brand-secondary {
  border-color: rgb(var(--tenant-secondary)) !important;
}

/* Typography */
.font-tenant {
  font-family: var(--tenant-font) !important;
}

/* Hover variants */
.hover\:bg-brand-primary:hover {
  background-color: rgb(var(--tenant-primary)) !important;
}

.hover\:bg-brand-secondary:hover {
  background-color: rgb(var(--tenant-secondary)) !important;
}

.hover\:text-brand-primary:hover {
  color: rgb(var(--tenant-primary)) !important;
}

.hover\:text-brand-secondary:hover {
  color: rgb(var(--tenant-secondary)) !important;
}

@layer base {
  /* Tenant: Bingos del Norte (AWS EKS) */
  .tenant-bingos_norte {
    /* Identidad: Violeta Profundo y Dorado */
    --color-primary: 49 46 129;      /* indigo-900 hex: #312e81 */
    --color-primary-light: 67 56 202; /* indigo-700 */
    --color-secondary: 245 158 11;    /* amber-500 hex: #f59e0b */
    --color-secondary-hover: 217 119 6; /* amber-600 */
    
    /* Fondos */
    --bg-body: 248 250 252;          /* slate-50 */
    --bg-card: 255 255 255;          /* white */
    
    /* Tipografía */
    --font-heading: "Inter", sans-serif;
    --font-body: "Inter", sans-serif;
    
    /* Botones y Acciones */
    --btn-primary-bg: var(--color-secondary);
    --btn-primary-text: 255 255 255;
    --btn-border-radius: 0.5rem;
  }
}