/**
 * Dynamic CSS — scroll progress bar
 */
:root {
    --scroll-progress: 0;
}

.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    height: 2px;
    width: calc(var(--scroll-progress) * 100%);
    background: linear-gradient(90deg, var(--brand-blue, #1d4ed8), var(--brand-blue-light, #3b82f6));
    transform-origin: left center;
    transition: width 0.08s linear;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .scroll-progress { transition: none; }
}