/* Custom styles that complement Tailwind and inline styles */

/* Smooth scroll offset for fixed navbar */
section[id] {
    scroll-margin-top: 80px;
}

/* Ornament line animation */
@media (prefers-reduced-motion: no-preference) {
    .ornament {
        transition: width 0.6s ease;
    }
    .reveal:hover .ornament {
        width: 80px;
    }
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f5f3ed;
}
::-webkit-scrollbar-thumb {
    background: #a8beaa;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #7a9c7f;
}

/* Selection color */
::selection {
    background: #a8beaa;
    color: #1f3824;
}

/* Focus visible styles */
:focus-visible {
    outline: 2px solid #a8beaa;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .fixed, header, #mobile-menu {
        display: none !important;
    }
    body {
        color: #1f3824;
        background: #fff;
    }
    section {
        page-break-inside: avoid;
    }
}