:root {
    --ajs-speed-accent: var(--primary-color, #4F6F5A);
    --ajs-speed-accent-dark: #334d3d;
    --ajs-speed-surface: #ffffff;
    --ajs-speed-bg: #f6f8f6;
    --ajs-speed-text: #1f2923;
    --ajs-speed-muted: #6f7b73;
    --ajs-speed-border: #dde5df;
}

#ajs-nav-progress {
    position: fixed;
    inset: 0 auto auto 0;
    z-index: 2147483647;
    width: 0;
    height: 3px;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(90deg, var(--ajs-speed-accent-dark), var(--ajs-speed-accent));
    box-shadow: 0 0 10px rgba(79, 111, 90, .28);
    transition: width .2s ease, opacity .16s ease;
}

html.ajs-nav-loading #ajs-nav-progress {
    width: 78%;
    opacity: 1;
}

html.ajs-nav-complete #ajs-nav-progress {
    width: 100%;
    opacity: 0;
}

#ajs-smart-loader .ajs-smart-loader__brand {
    background: #f4f8f5;
}

#ajs-smart-loader .ajs-smart-loader__track span {
    background: var(--ajs-speed-accent);
}