/* PACER clean rebuild — restrained premium visual refinement */
:root{--panel:#16181c;--panel2:#1b1e23;--line:#30333a;--text:#f1f2f4;--muted:#9ea3ad;--blue:#5870f2;--orange:#e87945;--cream:#ece8e3}

/* Reduce the rounded / toy-like feel without changing the approved scale. */
.live-card,.card,.race-card{border-radius:14px}
.button{border-radius:9px;font-weight:800}
.record-types button{border-radius:9px;font-weight:800}
.settings{border-radius:10px}
.quick-links button{border-radius:8px;font-weight:800}
.tabs button{font-weight:800}
.nav{border-radius:18px;background:rgba(18,20,24,.97);border-color:#34373d;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.nav button{border-radius:12px}
.nav button.active{background:#24272d;color:var(--blue)}

/* Keep hierarchy, but calm the heavy display treatment. */
.brand strong,.hero-title,.section-head h2,.race-card h3,.identity h1,.profile-stats strong,.distance{font-weight:800}
.hero-title{letter-spacing:-1.4px}
.section-head h2{letter-spacing:-.4px}
.race-card h3{letter-spacing:-.15px}

/* Status elements become compact technical labels instead of soft pills. */
.pill{border-radius:8px;padding:7px 10px;background:#2b211c;border:1px solid #4a3226}
.pill i{box-shadow:none;width:7px;height:7px}
.waiting{border-radius:8px;background:#e7e1dc;color:#a9532d}
.activity-type{border-radius:7px!important;background:#25282e!important}
.activity-badge{border-radius:7px!important;background:#2b211c!important;border:1px solid #4a3226!important}

/* Cards use a flatter, more editorial surface. */
.live-card,.card,.race-card,#account .activity-card{box-shadow:none}
.empty{background:#15171b}
.section-head:after{height:1px;width:30%;opacity:.9}

/* Make the activity map feel more data-driven than illustrated. */
#account .activity-map{background:#121418!important}
#account .activity-map:before{background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;background-size:20px 20px!important}
#account .activity-route path{stroke-width:4!important}
#account .activity-route circle{stroke-width:2!important}

/* Softer accent usage: orange signals, blue controls/data. */
.eyebrow,.pill,.section-head h2 em{color:var(--orange)}
.profile-actions .button:first-child,.button.primary{background:var(--blue)}

/* Remove exaggerated hover/tap feel while preserving clear affordance. */
button{transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease}
button:active{opacity:.78}