@tailwind base;
@tailwind components;
@tailwind utilities;

.font-rubik {
    font-family: 'Rubik', sans-serif;
}

.font-david {
    font-family: 'David Libre', serif;
}

.hebrew-text {
    direction: rtl;
    text-align: right;
    font-family: 'David Libre', serif;
}

.torah-section {
    @apply bg-blue-50 p-4 rounded-lg border-l-4 border-blue-500;
}

.calendar-day {
    @apply p-2 text-center border rounded hover:bg-blue-50 cursor-pointer;
}

.calendar-day.active {
    @apply bg-blue-500 text-white;
}

.resource-card {
    @apply transition-all duration-200 transform hover:-translate-y-1 hover:shadow-lg;
}

/* New styles */
.hero-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.card-hover {
    @apply transition-all duration-300 hover:shadow-xl hover:scale-[1.02];
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-overlay {
    position: relative;
}

.image-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    border-radius: inherit;
}

.feature-icon {
    @apply w-12 h-12 p-3 rounded-full bg-blue-100 text-blue-600 mb-4;
}