/* Repko shared styles — active-link highlighting (nav + footer) * Loaded from /assets/css/repko-shared.css via in . * Single source of truth: edit this file and all pages pick up the change. * * Color tokens consumed: --brand (gold #DAA520), --text-dim, --text. * Falls back gracefully if tokens are missing. */ /* Top nav: current page link + scroll-spied section */ header nav a.is-active, header nav a[aria-current="page"], header nav a.is-scroll-active { color: var(--brand, #DAA520) !important; } /* Footer: current page link */ .footer-group ul li a.is-active, .footer-group ul li a[aria-current="page"] { color: var(--brand, #DAA520) !important; } /* Subtle bottom-border accent on desktop top nav active item */ @media (min-width: 901px) { header nav a.is-active, header nav a[aria-current="page"], header nav a.is-scroll-active { position: relative; } header nav a.is-active::after, header nav a[aria-current="page"]::after, header nav a.is-scroll-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: var(--brand, #DAA520); border-radius: 2px; } /* Don't add the underline accent to the CTA pill — it has its own treatment */ header nav a.nav-cta.is-active::after, header nav a.nav-cta[aria-current="page"]::after, header nav a.nav-cta.is-scroll-active::after { display: none; } }