@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Devanagari:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap');

:root {
    --color-saffron: #FF7722;
    --color-saffron-light: #FF9933;
    --color-cream: #FFF8F0;
    --color-brown: #5D4037;
    --color-gold: #D4AF37;
}

body {
    font-family: 'Outfit', sans-serif;
    background-color: var(--color-cream);
    color: var(--color-brown);
}

.font-hindi {
    font-family: 'Noto Serif Devanagari', serif;
}

.text-saffron {
    color: var(--color-saffron);
}

.bg-saffron {
    background-color: var(--color-saffron);
}

.border-saffron {
    border-color: var(--color-saffron);
}

.glass-nav {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 119, 34, 0.1);
}

.card-hoverable {
    transition: all 0.3s ease;
}

.card-hoverable:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 119, 34, 0.15);
}

.hero-pattern {
    background-image: radial-gradient(#FF7722 0.5px, transparent 0.5px), radial-gradient(#FF7722 0.5px, #FFF8F0 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    opacity: 0.1;
}