@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* ========================================================
     OVERRIDE ENGINE: Transforma clases antiguas a Neo-Brutalismo
  ======================================================== */

  /* Cards */
  .neo-card, .stat-card, .dashboard-card {
    @apply bg-white border-[3px] border-dark rounded-2xl p-6 shadow-neo transition-all duration-200 !important;
  }
  .neo-card:active, .stat-card:active {
    @apply translate-y-[2px] translate-x-[2px] shadow-neo-active !important;
  }

  /* Buttons */
  .btn-primary, .btn-neon, .btn-verify {
    @apply flex items-center justify-center gap-2 bg-primary text-white border-[3px] border-dark rounded-xl py-4 px-6 shadow-neo uppercase font-headline font-black tracking-wider cursor-pointer transition-all duration-150 !important;
  }
  .btn-primary:active, .btn-neon:active, .btn-verify:active {
    @apply translate-y-[3px] translate-x-[3px] shadow-neo-active !important;
  }

  .btn-secondary {
    @apply flex items-center justify-center gap-2 bg-secondary-container text-dark border-[3px] border-dark rounded-xl py-4 px-6 shadow-neo uppercase font-headline font-black tracking-wider cursor-pointer transition-all duration-150 !important;
  }
  .btn-secondary:active {
    @apply translate-y-[3px] translate-x-[3px] shadow-neo-active !important;
  }

  /* Inputs */
  .form-group input, .form-group textarea, .code-input, .song-input-row input {
    @apply w-full bg-white border-[3px] border-dark rounded-xl p-4 shadow-neo-sm font-body font-bold text-base focus:border-primary focus:ring-0 focus:shadow-neo transition-all duration-200 outline-none !important;
  }
  
  /* Badges & Pills */
  .badge, .table-badge, .status-badge {
    @apply bg-tertiary text-white border-2 border-dark font-headline font-bold uppercase tracking-wider rounded-full px-3 py-1 shadow-neo-sm !important;
  }

  /* Banners / Overlays */
  .banner-slot, .coupon-result-box {
    @apply border-[3px] border-dark rounded-2xl overflow-hidden shadow-neo bg-white !important;
  }

  .overlay-card {
    @apply bg-white border-[4px] border-dark rounded-3xl p-8 shadow-[8px_8px_0px_0px_#1A1A1A] !important;
  }
}

/* Base Tonal Setup */
body {
  @apply bg-background text-on-surface font-body;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: none;
}

/* Material Icons strict rendering */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}

/* Hide Scrollbars */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Global structural resets for pop modern */
h1, h2, h3, h4, h5, h6 {
  @apply font-headline font-black tracking-tight;
}