/* Custom Styles */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Latino Aesthetic Pattern Overlay */
.pattern-overlay {
    background-color: #fdfcf0;
    background-image: radial-gradient(#9a3412 0.5px, transparent 0.5px), radial-gradient(#9a3412 0.5px, #fdfcf0 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    opacity: 0.15; /* Subtle texture */
}