/* Custom Matrimonial Styles for Adarshaporutham (Light & Elegant Islamic Aesthetic) */

/* Font smoothing & readability */
html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.25s ease-out forwards;
}

/* Light Glassmorphic card styling */
.glass-card {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(16, 185, 129, 0.18);
    box-shadow: 0 10px 25px -5px rgba(6, 78, 59, 0.05), 0 8px 10px -6px rgba(6, 78, 59, 0.03);
}

/* Soft gold accent gradient */
.text-gold-gradient {
    background: linear-gradient(135deg, #b45309 0%, #d97706 50%, #f59e0b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Light Emerald Gradient text */
.text-emerald-gradient {
    background: linear-gradient(135deg, #065f46 0%, #047857 50%, #059669 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Light Pattern Backgrounds */
.pattern-dots-light {
    background-image: radial-gradient(#10b981 1.2px, transparent 1.2px);
    background-size: 24px 24px;
}

/* Custom Clean Scrollbar for Light Theme */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f8fafc;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
    border: 2px solid #f8fafc;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Form input focus styles */
.input-focus {
    transition: all 0.2s ease-in-out;
}
.input-focus:focus {
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15);
    border-color: #059669;
}

/* Compatibility & Status Badges */
.porutham-good {
    background-color: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}
.porutham-average {
    background-color: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
}
.porutham-bad {
    background-color: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}