/* Pace: sportswear and activewear. Dark and fast on top of base.css: italic heavy headings,
   a lime accent for actions and tight product grids. */
.h0, .h1, .h2, .h3 { letter-spacing: -0.02em; line-height: 0.9; }
.button { font-weight: 700; letter-spacing: 0.08em; }
.button:not(.button--secondary):not(.button--light):not(.button--ghost-light) { --btn-bg: var(--color-accent); --btn-fg: var(--color-accent-fg); }
.button--light { --btn-bg: #F2F3EF; --btn-fg: #0F1110; }
.card__title { font-weight: 700; }
.badge { background: var(--color-accent); color: var(--color-accent-fg); font-weight: 700; }
.badge--dark { background: var(--color-fg); color: var(--color-bg); }
.badge--sale { background: var(--color-sale); color: #0F1110; }
.site-header__logo .logo-text { font-style: italic; font-weight: 800; letter-spacing: -0.02em; font-size: 22px; }
.header-nav__list { font-weight: 700; letter-spacing: 0.08em; }
.campaign__heading { font-size: calc(clamp(28px, 3vw, 46px) * var(--heading-scale)); max-width: 11ch; }
.product__title { font-size: calc(clamp(30px, 3vw, 44px) * var(--heading-scale)); line-height: 0.92; }
.cart-progress__bar span { background: var(--color-accent); }
.event__date { border-color: var(--color-accent); color: var(--color-accent); }
.quote { border-color: var(--color-line); background: var(--color-card); }
.pill input:checked + label { background: var(--color-accent); color: var(--color-accent-fg); border-color: var(--color-accent); }
.footer__wordmark { font-style: italic; color: var(--color-accent); }
.rating__stars::before { background: var(--color-accent); }
.pill--swatch input:checked + label { background: transparent; border-color: var(--color-accent); }