LightWing/torahbytes-explorer

1 2@tailwind base;3@tailwind components;4@tailwind utilities;5 6.font-rubik {7    font-family: 'Rubik', sans-serif;8}9 10.font-david {11    font-family: 'David Libre', serif;12}13 14.hebrew-text {15    direction: rtl;16    text-align: right;17    font-family: 'David Libre', serif;18}19 20.torah-section {21    @apply bg-blue-50 p-4 rounded-lg border-l-4 border-blue-500;22}23 24.calendar-day {25    @apply p-2 text-center border rounded hover:bg-blue-50 cursor-pointer;26}27 28.calendar-day.active {29    @apply bg-blue-500 text-white;30}31 32.resource-card {33    @apply transition-all duration-200 transform hover:-translate-y-1 hover:shadow-lg;34}35 36/* New styles */37.hero-gradient {38    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);39}40 41.card-hover {42    @apply transition-all duration-300 hover:shadow-xl hover:scale-[1.02];43}44 45.text-shadow {46    text-shadow: 0 2px 4px rgba(0,0,0,0.1);47}48 49.image-overlay {50    position: relative;51}52 53.image-overlay::after {54    content: '';55    position: absolute;56    top: 0;57    left: 0;58    width: 100%;59    height: 100%;60    background: rgba(0,0,0,0.3);61    border-radius: inherit;62}63 64.feature-icon {65    @apply w-12 h-12 p-3 rounded-full bg-blue-100 text-blue-600 mb-4;66}67