/* Elegant Theme — Dark/Light mode styles */

/* Smooth transitions for dark mode */
*, *::before, *::after {
    transition-property: background-color, border-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
/* Exclude elements that need their own transition timing */
a, button, [class*="transition-"] {
    transition-duration: 0.15s;
}

/* Fade-in animations */
.elegant-fade-in {
    opacity: 0;
    transform: translateY(16px);
    animation: elegantFadeIn 0.6s ease forwards;
}
.elegant-delay-1 { animation-delay: 0.1s; }
.elegant-delay-2 { animation-delay: 0.2s; }
.elegant-delay-3 { animation-delay: 0.3s; }

@keyframes elegantFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dark mode — Summernote content color fixes */
.dark main h1, .dark main h2, .dark main h3,
.dark main h4, .dark main h5, .dark main h6 {
    color: #f3f4f6;
}

.dark main p, .dark main li, .dark main span {
    color: #d1d5db;
}

/* Override inline styles from Summernote in dark mode */
.dark main [style*="color: rgb(75, 85, 99)"] {
    color: #d1d5db !important;
}

.dark main [style*="color: rgb(0, 0, 0)"] {
    color: #e5e7eb !important;
}

/* YouTube embeds in dark mode */
.dark iframe.note-video-clip {
    border: 1px solid #374151;
}

/* Gallery in dark mode */
.dark .glightbox img {
    border: 1px solid #374151;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
    background: #4b5563;
}

/* Selection color */
::selection {
    background-color: #6366f1;
    color: #fff;
}

.dark ::selection {
    background-color: #818cf8;
    color: #fff;
}