/* BIGRS GLOBAL STYLES 
   Reserved for base element overrides and custom scrollbars.
   Layout and colors should be handled by Tailwind classes in the HTML.
*/

/* 1. Global Background & Font Default */
body {
    background-color: #F0F4F8; /* Matches brand-bg (Soft Maritime Tint) */
    -webkit-font-smoothing: antialiased;
}

/* 2. Custom Elegant Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #68ACE5; /* Matches brand-light */
}

/* 3. Map Override Fixes */
.leaflet-popup-content-wrapper {
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important;
}

/* 4. Smooth Layout Enhancements */
.prose img {
    filter: grayscale(100%);
    transition: filter 0.5s ease-in-out;
}
.prose img:hover {
    filter: grayscale(0%);
}