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

:root {
    --primary-color: #03a84e;
    --primary-hover: #028a40;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f5f5f5; /* Light gray background */
}

/* Custom CSS utilities */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Image zoom effect on hover for cards */
.img-hover-zoom {
    overflow: hidden;
}
.img-hover-zoom img {
    transition: transform .3s ease;
}
.img-hover-zoom:hover img {
    transform: scale(1.05);
}

/* Text primary hover */
.hover-primary:hover {
    color: var(--primary-color) !important;
}

/* Hide scrollbar for nav */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Reader specific themes */
.theme-dark {
    background-color: #1a202c !important;
    color: #cbd5e0 !important;
}
.theme-dark .bg-white {
    background-color: #2d3748 !important;
    color: #e2e8f0 !important;
}
.theme-sepia {
    background-color: #f4ecd8 !important;
    color: #5b4636 !important;
}
.theme-sepia .bg-white {
    background-color: #fdf6e3 !important;
    color: #5b4636 !important;
}