.font-dev-title { font-family: 'Rozha One', 'Tiro Devanagari Hindi', serif; }
.font-dev-body { font-family: 'Tiro Devanagari Hindi', 'Outfit', serif; }
.font-cinzel { font-family: 'Cinzel', serif; }
.font-outfit { font-family: 'Outfit', sans-serif; }

/* Pure Vedic Sattvic Theme */
body { 
    background-color: #fffdf2; 
    color: #1c1917;
}

.maroon-gradient-text {
    background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 50%, #b45309 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.light-card {
    background: #ffffff;
    border: 1px solid #fcd34d;
    box-shadow: 0 4px 20px -2px rgba(180, 83, 9, 0.09);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.light-card:hover {
    border-color: #d97706;
    box-shadow: 0 12px 28px -4px rgba(180, 83, 9, 0.22);
    transform: translateY(-3px);
}

.rashi-card {
    background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
    border: 1px solid #fcd34d;
    transition: all 0.25s ease;
}
.rashi-card:hover {
    background: #fde68a;
    border-color: #b45309;
    transform: translateY(-2px);
}

/* Premium Upgraded Buttons */
.vedic-btn-call {
    background: linear-gradient(135deg, #dc2626 0%, #f59e0b 100%);
    color: #ffffff;
    transition: all 0.3s ease;
}
.vedic-btn-call:hover {
    background: linear-gradient(135deg, #b91c1c 0%, #d97706 100%);
    box-shadow: 0 8px 22px rgba(220, 38, 38, 0.4);
    transform: translateY(-2px) scale(1.02);
}

.whatsapp-btn {
    background: linear-gradient(135deg, #16a34a 0%, #059669 100%);
    color: #ffffff;
    transition: all 0.3s ease;
}
.whatsapp-btn:hover {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%);
    box-shadow: 0 8px 22px rgba(22, 163, 74, 0.4);
    transform: translateY(-2px) scale(1.02);
}

/* New Buttons for Dark Backgrounds */
.vedic-btn-gold {
    background: linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);
    color: #422006;
    transition: all 0.3s ease;
}
.vedic-btn-gold:hover {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    box-shadow: 0 8px 22px rgba(245, 158, 11, 0.4);
    transform: translateY(-2px);
}

.vedic-btn-outline {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #fcd34d;
    transition: all 0.3s ease;
}
.vedic-btn-outline:hover {
    background-color: #fcd34d;
    color: #422006;
    box-shadow: 0 8px 22px rgba(252, 211, 77, 0.3);
    transform: translateY(-2px);
}

/* For responsive video embeds */
.aspect-w-16 { position: relative; padding-bottom: 56.25%; }
.aspect-h-9 { height: 0; }
.aspect-w-16 > iframe, .aspect-h-9 > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Scroll Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.scroll-animate {
    opacity: 0;
}

.scroll-animate.is-visible {
    animation: fadeInUp 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) forwards;
}

details summary::-webkit-details-marker { display: none; }
details summary { list-style: none; }

/* Hero Section Entry Animations */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-slide-in-left {
    animation: slideInLeft 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.animate-slide-in-right {
    animation: slideInRight 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}