/* ==========================================================================
   GLOBAL SCROLLBAR STYLES (Bulletproof & Uniform)
   ========================================================================== */

/* 1. Global Dimensions */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

/* 2. Tracks (Balanced optical weight) */
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05); /* Slightly crisper light track */
}

.dark ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05); /* Balanced dark track */
}

/* 3. Thumbs & Hover States */
::-webkit-scrollbar-thumb {
    background: #a1a1aa; /* zinc-400 */
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: padding-box; /* Fixes rendering consistency across engines */
}

    ::-webkit-scrollbar-thumb:hover {
        background: #71717a; /* zinc-500 */
        background-clip: padding-box;
    }

.dark ::-webkit-scrollbar-thumb {
    background: #52525b; /* zinc-600 */
    background-clip: padding-box;
}

    .dark ::-webkit-scrollbar-thumb:hover {
        background: #71717a; /* zinc-500 */
        background-clip: padding-box;
    }