/* PayStubCheck 2026 — accent retheme for pages that still carried the earlier red accent
   (Canada hub, Canada pay stub landing, U.S./Canada wage-statement research pages).
   Colour-only: no layout, typography, ordering or content changes. The Canadian flag keeps its own red. */

/* Canada hub + Canada pay stub landing */
body.ca-page:not(.ca-generator-page) { --ca-red: #187A55; --ca-red-dark: #0B3B2D; --ca-red-soft: #EEF7F1; }
body.ca-page .ca-hub-hero {
  background: radial-gradient(circle at 88% 20%, rgba(247,160,46,.22), transparent 30%),
              radial-gradient(120% 140% at 0% 0%, #155C43 0%, #0A3B2D 55%, #062A20 100%) !important;
}
body.ca-page .ca-hero {
  background: radial-gradient(circle at 14% 20%, rgba(247,160,46,.18), transparent 30%),
              radial-gradient(120% 140% at 0% 0%, #155C43 0%, #0A3B2D 55%, #062A20 100%) !important;
}
body.ca-page :is(.ca-hub-hero, .ca-hero) h1 :is(em, b, span) { color: var(--psx-orange-500, #F7A02E) !important; }
body.ca-page :is(.ca-btnx.primary, .ca-btn.ca-btn-primary) {
  background: var(--psx-orange-500, #F7A02E) !important; border-color: var(--psx-orange-500, #F7A02E) !important; color: #072B21 !important;
}
body.ca-page :is(.ca-btnx.primary, .ca-btn.ca-btn-primary):is(:hover, :focus-visible) {
  background: #FDB447 !important; border-color: #FDB447 !important; color: #072B21 !important;
}
body.ca-page :is(.ca-canada-cta, .ca-final) {
  background: radial-gradient(circle at 90% 10%, rgba(247,160,46,.22), transparent 34%), linear-gradient(120deg, #0A3B2D, #187A55) !important;
}
body.ca-page :is(.ca-overline, .ca-kicker, .ca-jx-code, .ca-card-icon, .ca-feature-icon) { color: #136B4B !important; border-color: #CDEBD9 !important; }
body.ca-page .ca-eyebrow-dot { background: var(--psx-orange-500, #F7A02E) !important; }
body.ca-page .ca-callout { border-color: #CDEBD9 !important; }

/* U.S. and Canada wage-statement research database + media briefs */
html body.wsr-page .wsr-hero {
  background: radial-gradient(circle at 86% 16%, rgba(247,160,46,.2), transparent 32%),
              linear-gradient(124deg, #04201A 0%, #0A3B2D 52%, #155C43 100%) !important;
}
html body.wsr-page .wsr-hero h1 :is(span, em) { color: var(--psx-orange-400, #FDB447) !important; }
html body.wsr-page .wsr-button-primary { color: #072B21 !important; }

/* Remaining red tints on the Canada landing/hub (decorative circles, icon tiles, hovers, overlines). */
body.ca-page .ca-hub-hero .ca-overline { color: #FDB447 !important; border-color: rgba(253,180,71,.4) !important; }
body.ca-page .ca-eyebrow-dot { box-shadow: 0 0 0 6px rgba(247,160,46,.18) !important; }
body.ca-page .ca-btn-primary { box-shadow: 0 16px 34px rgba(247,160,46,.28) !important; }
body.ca-page .ca-feature::before { background: rgba(24,122,85,.07) !important; }
body.ca-page .ca-feature-icon { background: #EEF7F1 !important; color: #136B4B !important; }
body.ca-page .ca-province:is(:hover, :focus-visible) { border-color: rgba(253,180,71,.72) !important; background: rgba(247,160,46,.14) !important; }
body.ca-page .ca-province:is(:hover, :focus-visible) .ca-province-dot { background: #FDB447 !important; box-shadow: 0 0 0 5px rgba(247,160,46,.2) !important; }
body.ca-page .ca-faq summary::after { color: #187A55 !important; }
body.ca-page .ca-maple { color: rgba(247,160,46,.18) !important; }
body.ca-page .ca-kicker::before { box-shadow: 0 0 0 5px rgba(24,122,85,.14) !important; }
body.ca-page summary:focus-visible { outline-color: rgba(247,160,46,.5) !important; }
body.ca-page .ca-section-tint { border-color: #DCE8E0 !important; }
body.ca-page .ca-canada-cta :is(a, .ca-btnx):not(.primary) { color: #0B3B2D !important; }
body.ca-page .ca-final .ca-btn:not(.ca-btn-primary) { color: #0B3B2D !important; border-color: #fff !important; }
body.ca-resource-page { border-top-color: #187A55 !important; }
body.ca-page :is(.ca-hub-hero, .ca-hero) .ca-kicker { color: #FDB447 !important; border-color: rgba(253,180,71,.4) !important; }
body.ca-page :is(.ca-hub-hero, .ca-canada-cta) .ca-btnx.light { color: #0B3B2D !important; }
body.ca-page .ca-section-tint { background: linear-gradient(180deg, #F3F9F5 0%, #F8FBF9 100%) !important; }