/**
 * Site-wide thin green scrollbars (Firefox + WebKit).
 * Pages can override --sb-* on :root or body for context (dark vs light UI).
 */
:root {
    --sb-size: 7px;
    --sb-thumb: #2ecc71;
    --sb-thumb-hover: #27ae60;
    --sb-thumb-active: #209150;
    --sb-track: rgba(0, 0, 0, 0.08);
    --sb-radius: 5px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) var(--sb-track);
}

*::-webkit-scrollbar {
    width: var(--sb-size);
    height: var(--sb-size);
}

*::-webkit-scrollbar-track {
    background: var(--sb-track);
    border-radius: var(--sb-radius);
}

*::-webkit-scrollbar-thumb {
    background: var(--sb-thumb);
    border-radius: var(--sb-radius);
    border: 2px solid transparent;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--sb-thumb-hover);
    border: 2px solid transparent;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:active {
    background: var(--sb-thumb-active);
}

*::-webkit-scrollbar-corner {
    background: var(--sb-track);
}