/**
 * SuperFantastic 2.0 - Utilitarian Theme
 * Clean white backgrounds, black text, minimal styling
 */

/* ===========================================
   BACKGROUND - Clean white/light gray
   =========================================== */

.min-h-screen.bg-gradient-to-br {
  background: #f5f5f5 !important;
}

/* Header bar - clean dark */
.bg-gradient-to-r.from-purple-600.to-indigo-600 {
  background: #1a1a1a !important;
}

/* Mint button - theme color */
button.bg-gradient-to-r.from-purple-600.to-indigo-600 {
  background: #2563eb !important;
}

button.bg-gradient-to-r.from-purple-600.to-indigo-600:hover {
  background: #1d4ed8 !important;
}


/* ===========================================
   CARDS & CONTAINERS
   =========================================== */

/* Main card - solid white */
.bg-white\/95.backdrop-blur-md.rounded-3xl {
  background: #ffffff !important;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Language selector */
.bg-white\/20.backdrop-blur-md.rounded-xl {
  background: #ffffff !important;
  border: 1px solid #d4d4d4;
}

.bg-white\/20.backdrop-blur-md.rounded-xl select {
  color: #1a1a1a !important;
}

.bg-white\/20.backdrop-blur-md.rounded-xl svg {
  color: #1a1a1a !important;
}


/* ===========================================
   TYPOGRAPHY - Black text
   =========================================== */

/* Title */
h1.text-5xl {
  color: #1a1a1a !important;
}

h1.text-5xl svg {
  color: #2563eb !important;
}

/* Subtitle */
.text-white\/90.text-lg {
  color: #525252 !important;
}

/* Credits */
.text-white\/70.text-xs {
  color: #737373 !important;
}


/* ===========================================
   BUTTONS - Theme color (blue)
   =========================================== */

/* Primary buttons */
.bg-purple-600 {
  background-color: #2563eb !important;
}

.bg-purple-600:hover,
.hover\:bg-purple-700:hover {
  background-color: #1d4ed8 !important;
}

/* Success buttons */
.bg-green-600 {
  background-color: #16a34a !important;
}

.bg-green-600:hover,
.hover\:bg-green-700:hover {
  background-color: #15803d !important;
}

/* Secondary/gray buttons */
.bg-gray-600 {
  background-color: #525252 !important;
}

.bg-gray-600:hover,
.hover\:bg-gray-700:hover {
  background-color: #404040 !important;
}

/* Disconnect button */
.bg-red-500\/20 {
  background-color: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
}


/* ===========================================
   FORM INPUTS
   =========================================== */

input:focus,
textarea:focus {
  border-color: #2563eb !important;
}

/* Selected mode buttons */
.bg-purple-50.border-purple-500 {
  background-color: #eff6ff !important;
  border-color: #2563eb !important;
}

.bg-purple-50.border-purple-500 .font-semibold {
  color: #1d4ed8 !important;
}


/* ===========================================
   BADGES & TAGS
   =========================================== */

/* Gasless badge */
.bg-purple-400\/30 {
  background-color: rgba(37, 99, 235, 0.2) !important;
}

/* Team minter badge */
.bg-green-400\/30 {
  background-color: rgba(22, 163, 74, 0.2) !important;
}


/* ===========================================
   INFO BOXES
   =========================================== */

/* Purple info boxes -> Blue */
.bg-purple-50 {
  background-color: #eff6ff !important;
}

.border-purple-200 {
  border-color: #bfdbfe !important;
}

.text-purple-700 {
  color: #1d4ed8 !important;
}

.text-purple-600 {
  color: #2563eb !important;
}


/* ===========================================
   QR SCANNER MODAL
   =========================================== */

.bg-gradient-to-r.from-purple-600.to-indigo-600 {
  background: #1a1a1a !important;
}


/* ===========================================
   ALERTS - Clean flat colors
   =========================================== */

.bg-green-500\/90 {
  background-color: #16a34a !important;
}

.bg-red-500\/90 {
  background-color: #dc2626 !important;
}

.bg-yellow-500\/90 {
  background-color: #ca8a04 !important;
}

.bg-blue-500\/90 {
  background-color: #2563eb !important;
}


/* ===========================================
   POWERED BY UNICORN FOOTER
   =========================================== */

.powered-by-unicorn p {
  color: #737373 !important;
}

/* Use dark logo on light background */
.powered-by-unicorn img {
  filter: invert(1) brightness(0.3);
}


/* ===========================================
   WALLET CONNECT BUTTON OVERRIDES
   =========================================== */

/* Make RainbowKit button match theme */
[data-rk] button {
  font-family: inherit !important;
}