:root {
    --auction-blue: #4d84ff;
    --auction-blue-light: #8ab2ff;
    --auction-blue-dark: #173f91;
    --auction-ink: #06101f;
    --auction-panel: #0d1d35;
    --auction-line: rgba(101, 153, 255, .38);
}

::selection { background: rgba(77, 132, 255, .42); color: #fff; }

:focus-visible {
    outline: 3px solid rgba(77, 132, 255, .5) !important;
    outline-offset: 2px;
}

body {
    accent-color: var(--auction-blue);
    scrollbar-color: var(--auction-blue-dark) var(--auction-ink);
}

a { text-decoration-color: rgba(138, 178, 255, .65); }

.btn:not(.danger):not(.red):not(.warn):not(.gray):not(.secondary),
.btn-primary,
button.primary,
[class*="btn-primary"] {
    border-color: rgba(138, 178, 255, .65) !important;
    background: linear-gradient(135deg, var(--auction-blue-dark), var(--auction-blue)) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(77, 132, 255, .2);
}

input:focus, select:focus, textarea:focus {
    border-color: var(--auction-blue) !important;
    box-shadow: 0 0 0 3px rgba(77, 132, 255, .14) !important;
}

/* Official brand mark used by the administration login. */
.identity .mark {
    overflow: hidden;
    padding: 4px;
    font-size: 0 !important;
    border-radius: 14px !important;
    background: #fff url('assets/brand/official-logo-192.png') center / contain no-repeat !important;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}