/* ==========================================================================
   Insani Islahi Tanzeem Foundation - Custom Stylesheet
   Website: https://iitfoundation.in.net
   ========================================================================== */

:root {
  --primary-teal: #0f766e;
  --primary-teal-dark: #115e59;
  --primary-teal-light: #14b8a6;
  --accent-amber: #d97706;
  --accent-amber-light: #f59e0b;
  --slate-dark: #0f172a;
  --slate-body: #334155;
  --slate-light: #f8fafc;
}

html {
  scroll-behavior: smooth;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: var(--slate-body);
  background-color: #ffffff;
}

/* Typography Enhancements */
:where(h1, h2, h3, h4, h5, h6) {
  color: var(--slate-dark);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.text-white :where(h1, h2, h3, h4, h5, h6),
.bg-slate-900 :where(h1, h2, h3, h4, h5, h6),
.bg-slate-950 :where(h1, h2, h3, h4, h5, h6),
.bg-teal-800 :where(h1, h2, h3, h4, h5, h6),
.bg-teal-900 :where(h1, h2, h3, h4, h5, h6),
.gradient-teal :where(h1, h2, h3, h4, h5, h6) {
  color: #ffffff;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Subtle Glassmorphism */
.glass-nav {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.glass-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(226, 232, 240, 0.8);
}

/* Gradient accents */
.gradient-teal {
  background: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #047857 100%);
}

.gradient-hero {
  background: radial-gradient(circle at top right, rgba(20, 184, 166, 0.12), transparent 50%),
              radial-gradient(circle at bottom left, rgba(245, 158, 11, 0.08), transparent 50%),
              #ffffff;
}

.gradient-card-hover {
  transition: all 0.3s ease;
}
.gradient-card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -8px rgba(15, 118, 110, 0.15);
}

/* Floating WhatsApp Button */
.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 58px;
  height: 58px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
  color: #ffffff;
}

/* Animation utilities */
@keyframes pulseSubtle {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(1.02); }
}

.animate-pulse-subtle {
  animation: pulseSubtle 3s infinite ease-in-out;
}

/* Badges */
.badge-reg {
  background-color: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

/* Print styles for transparency records */
@media print {
  .no-print {
    display: none !important;
  }
  body {
    color: #000;
    background: #fff;
  }
}