/* Small brand accents; data charts retain their own semantic colours. */
:root{--accent:#e53925;--accent-text:#c42e20;--accent-on-dark:#ff7968}
.brand b,.brand .brand-dot,.hero-title .hero-dot{color:var(--accent);font-weight:inherit}
.nav a::after{background:var(--accent)}
.nav a[aria-current]::after{height:3px}
.progress span{background:var(--accent)}
.link-arrow{display:inline-block;transition:color .18s ease,transform .18s ease}
a:hover .link-arrow,a:focus-visible .link-arrow{color:var(--accent-text);transform:translate(2px,-2px)}
.about a:hover .link-arrow,.about a:focus-visible .link-arrow,.stats-teaser a:hover .link-arrow,.stats-teaser a:focus-visible .link-arrow,.listing-card:hover .link-arrow,.listing-card:focus-visible .link-arrow{color:var(--accent-on-dark)}
.note-link:hover{opacity:1}
.controls button:not(:disabled):hover,.controls button:not(:disabled):focus-visible{background:var(--accent);color:#fff}
.project-controls button:hover,.project-controls button:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff}
.stats-controls button:hover,.stats-controls button:focus-visible{border-color:var(--accent-on-dark);color:var(--accent-on-dark);background:#111}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.link-arrow{transition:none}a:hover .link-arrow,a:focus-visible .link-arrow{transform:none}}

.section-dot{color:var(--accent);font-weight:inherit}
.about .section-dot,.stats-teaser .section-dot{color:var(--accent-on-dark)}