/* ── Google Fonts — must come FIRST before Tailwind ───────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Hind+Siliguri:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Poppins:wght@300;400;500;600;700;800&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

/* ── Base Reset ────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: 'Inter', 'Hind Siliguri', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #060510;
  color: #e2e8f0;
}

/* ── Scrollbar ─────────────────────────────────────────────────── */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0a0f1e; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

/* ── Animations ────────────────────────────────────────────────── */
@keyframes fadeIn  { from { opacity: 0; }                        to { opacity: 1; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
@keyframes spin    { to   { transform: rotate(360deg); } }
@keyframes pulse   { 0%, 100% { opacity: 1; }  50% { opacity: .5; } }

.animate-fade-in  { animation: fadeIn  0.4s ease both; }
.animate-slide-up { animation: slideUp 0.4s ease both; }

/* ── Premium glass card ─────────────────────────────────────────── */
.glass-card {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(139, 92, 246, 0.18);
  backdrop-filter: blur(16px);
  border-radius: 20px;
}

/* ── Purple gradient button ─────────────────────────────────────── */
.btn-primary {
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  color: #fff;
  border: none;
  border-radius: 14px;
  padding: 12px 24px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.25s;
  box-shadow: 0 8px 28px rgba(124, 58, 237, 0.35);
}
.btn-primary:hover  { transform: translateY(-2px); box-shadow: 0 12px 36px rgba(124, 58, 237, 0.5); }
.btn-primary:active { transform: translateY(0); }

/* ── Input ─────────────────────────────────────────────────────── */
.input-dark {
  background: rgba(30, 27, 46, 0.9);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 12px;
  padding: 10px 16px;
  color: #e2e8f0;
  outline: none;
  transition: border-color 0.2s;
  width: 100%;
}
.input-dark:focus       { border-color: #7c3aed; }
.input-dark::placeholder { color: #475569; }

/* ══════════════════════════════════════════════════════════════ */
/* GLOBAL THEME DESIGN OVERRIDES FOR INNER PAGES                  */
/* ══════════════════════════════════════════════════════════════ */

/* ── Theme 01: Default / Soft (Inter) ── */
.theme-01 {
  font-family: 'Inter', 'Hind Siliguri', sans-serif;
}
.theme-01 .rounded-3xl, .theme-01 .rounded-2xl {
  border-radius: 1.5rem !important;
}

/* ── Theme 02: Corporate / Minimal (Outfit) ── */
.theme-02 {
  font-family: 'Outfit', 'Hind Siliguri', sans-serif;
  background-color: #F8FAFC !important;
}
.theme-02 .bg-slate-50, .theme-02 .bg-slate-100 {
  background-color: #F8FAFC !important;
}
.theme-02 .rounded-3xl, .theme-02 .rounded-2xl {
  border-radius: 0.75rem !important;
}
.theme-02 .shadow-sm {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
}

/* ── Theme 03: Cosmetics / Feminine (Rounded) ── */
.theme-03 {
  font-family: 'Poppins', 'Hind Siliguri', sans-serif;
  background-color: #FFF5F8 !important;
}
.theme-03 .bg-slate-50, .theme-03 .bg-slate-100 {
  background-color: #FFF0F5 !important;
}
/* Force fully rounded edges to match the feminine vibe */
.theme-03 .rounded-xl, .theme-03 .rounded-2xl, .theme-03 .rounded-3xl {
  border-radius: 2rem !important;
}
.theme-03 .shadow-sm {
  box-shadow: 0 10px 15px -3px rgba(233, 30, 99, 0.08) !important;
}

/* ── Theme 04: Dark Gadgets / Orange (Dark Mode Forced via Tailwind) ── */
.theme-04 {
  font-family: 'Poppins', 'Hind Siliguri', sans-serif;
}
.theme-04 .rounded-3xl, .theme-04 .rounded-2xl {
  border-radius: 1rem !important;
}

/* ── Theme 05: Luxury Fashion / Black (Serif + Sharp) ── */
.theme-05 {
  font-family: 'Playfair Display', serif !important;
}
/* Override sans-serif tags */
.theme-05 .font-sans, .theme-05 .font-bangla {
  font-family: 'Playfair Display', serif !important;
}
.theme-05 .rounded-lg, .theme-05 .rounded-xl, .theme-05 .rounded-2xl, .theme-05 .rounded-3xl, .theme-05 .rounded-full {
  border-radius: 0 !important;
}
.theme-05 .shadow-sm {
  box-shadow: none !important;
  border-bottom: 2px solid #333 !important;
}