/* ==========================================================================
   FLOWS OF COSMOS - PREMIUM PRODUCTION THEME CONFIGURATION
   ========================================================================== */

/* Universal Palette Reset - Overriding Compiled Tailwind Variables */
:root, .dark, body {
  --background: #030307 !important;
  --foreground: #f1f5f9 !important;
  --card: rgba(10, 10, 18, 0.55) !important;
  --card-foreground: #ffffff !important;
  --primary: #8b5cf6 !important; /* Nebula Purple */
  --secondary: #3b82f6 !important; /* Interstellar Blue */
  --border: rgba(139, 92, 246, 0.15) !important;
  --ring: #a78bfa !important;
}

/* Interstellar Starfield Background Canvas */
body {
  background-color: #030307 !important;
  color: #f1f5f9 !important;
  background-image: 
    radial-gradient(white, rgba(255, 255, 255, 0.15) 1px, transparent 35px),
    radial-gradient(rgba(139, 92, 246, 0.08) 2px, transparent 75px),
    radial-gradient(rgba(59, 130, 246, 0.05) 3px, transparent 110px) !important;
  background-size: 450px 450px, 600px 600px, 850px 850px !important;
  background-position: 0 0, 180px 220px, 450px 300px !important;
  -webkit-font-smoothing: antialiased;
}

/* Visionary Title & Headings Typography Glow */
h1, h2, h3, h4, [class*="text-4xl"], [class*="text-5xl"], [class*="font-bold"], .text-gray-900 {
  font-family: 'Orbitron', sans-serif !important;
  color: #ffffff !important;
  text-shadow: 0 0 35px rgba(139, 92, 246, 0.45) !important;
}

/* Translucent Navigation Glassmorphism (Floating Feel) */
header, nav, [class*="bg-indigo-950"], [class*="supports-[backdrop-filter]"] {
  background: rgba(3, 3, 7, 0.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Transform Layout Grids into Floating Cosmic Cards */
div[data-slot="card"], section, .bg-white, .bg-gray-50, [class*="border"] {
  background-color: rgba(10, 10, 18, 0.5) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(139, 92, 246, 0.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

section:hover, div[data-slot="card"]:hover {
  border-color: rgba(139, 92, 246, 0.3) !important;
  box-shadow: 0 20px 50px rgba(139, 92, 246, 0.08) !important;
}

/* Text Content Readability Correction */
p, .text-gray-600, .text-gray-700, .text-muted-foreground {
  color: #94a3b8 !important;
  line-height: 1.8 !important;
}

.text-white {
  color: #ffffff !important;
}

/* Premium Fluid Gradient Action Buttons */
button, [class*="bg-amber-400"], [class*="bg-indigo-950"] {
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 4px 20px rgba(139, 92, 246, 0.3) !important;
  border-radius: 30px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

button:hover, [class*="bg-amber-400"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(59, 130, 246, 0.45) !important;
}
/* Custom Form Fields Style Upgrades */
.form-input {
  width: 100%;
  background-color: rgba(6, 6, 12, 0.7) !important;
  color: #ffffff !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  outline: none;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-input:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.2);
}

select.form-input option {
  background-color: #0c0c14 !important;
  color: #ffffff !important;
}

.style-textarea {
  resize: none;
}

.hidden {
  display: none !important;
}

.w-full {
  width: 100%;
}
/* Custom Form Fields Style Upgrades */
.form-input {
  width: 100%;
  background-color: rgba(6, 6, 12, 0.7) !important;
  color: #ffffff !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  outline: none;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-input:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.2);
}

select.form-input option {
  background-color: #0c0c14 !important;
  color: #ffffff !important;
}

.style-textarea {
  resize: none;
}

.hidden {
  display: none !important;
}

.w-full {
  width: 100%;
}