/* Main Styles */
.font-display {
    font-family: 'Space Mono', monospace;
}

.font-body {
    font-family: 'Crimson Pro', serif;
}

/* Dark mode styles */
html.dark {
    color-scheme: dark;
}

.reading-content {
    line-height: 1.9;
}

.reading-content p {
    margin-bottom: 1.5rem;
}

/* Smooth transitions */
* {
    transition-property: background-color, border-color, color;
    transition-duration: 300ms;
}

/* Custom scrollbar for dark mode */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.dark ::-webkit-scrollbar-thumb {
    background: #555;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #888;
}

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