/* BuyLP Design System v1 — deliberately scoped to custom templates.
   Loaded AFTER page styles. This avoids altering WooCommerce, WordPress admin,
   Blocksy navigation, and third-party widgets. */
:root{--buylp-primary:#2563eb;--buylp-accent:#7047eb;--buylp-navy:#17233d;--buylp-heading:#17233d;--buylp-body:#526079;--buylp-surface:#f5f7fc;--buylp-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--buylp-body-size:16px;--buylp-heading-scale:1;--buylp-cta-bg:#17233d;--buylp-cta-ink:#fff;--buylp-cta-muted:#e3e9f5;--buylp-cta-button-bg:#fff;--buylp-cta-button-ink:#17233d}
/* Shared text baseline for the agency's own components only */
:where(.bu-agency-home,.blp-services,.buylp-services,.buylp-service-page,.buylp-about,.buylp-contact-page,.blp-blog,.blp-article){font-family:var(--buylp-font);color:var(--buylp-body);font-size:var(--buylp-body-size)}
:where(.bu-agency-home,.blp-services,.buylp-services,.buylp-service-page,.buylp-about,.buylp-contact-page,.blp-blog,.blp-article) :where(h1,h2,h3,h4){font-family:var(--buylp-font);letter-spacing:-.025em}
/* Make the logo's blue the main action color; preserve purple as a secondary accent. */
.bu-agency-home .bu-button-primary,.blp-services .blp-services__btn--primary,.buylp-services .blp-btn-primary,.blp-blog .blp-button,.buylp-contact-page .blc-btn-primary{background:var(--buylp-primary);border-color:var(--buylp-primary)}
.bu-agency-home :where(a:not(.bu-button-light)),.blp-services .blp-services__eyebrow,.blp-services .blp-services__card-link,.buylp-service-page .bs-kicker,.buylp-about .ba-kicker{accent-color:var(--buylp-accent)}
/* One consistent CTA treatment, including existing CTA markup */
.bu-agency-home .bu-cta,.blp-services .blp-services__cta,.buylp-services .blp-cta,.buylp-service-page .bs-cta,.buylp-about .ba-cta,.buylp-contact-page .blc-cta{background:var(--buylp-cta-bg);color:var(--buylp-cta-ink)}
.bu-agency-home .bu-cta :where(h2,h3),.blp-services .blp-services__cta :where(h2,h3),.buylp-services .blp-cta :where(h2,h3),.buylp-service-page .bs-cta :where(h2,h3),.buylp-about .ba-cta :where(h2,h3),.buylp-contact-page .blc-cta :where(h2,h3){color:var(--buylp-cta-ink)}
.bu-agency-home .bu-cta p,.blp-services .blp-services__cta p,.buylp-services .blp-cta p,.buylp-service-page .bs-cta p,.buylp-about .ba-cta p,.buylp-contact-page .blc-cta p{color:var(--buylp-cta-muted)}
.bu-agency-home .bu-cta :where(.bu-button-light),.blp-services .blp-services__cta .blp-services__btn--light,.buylp-services .blp-cta .blp-btn-light{background:var(--buylp-cta-button-bg);color:var(--buylp-cta-button-ink)!important}
/* Readability and responsive media in custom blog */
.blp-article .blp-entry-content{font-size:var(--buylp-body-size);line-height:1.8;overflow-wrap:anywhere}
.blp-article .blp-entry-content :where(img,video,iframe){max-width:100%;height:auto}
.blp-article .blp-article-layout{width:100%;max-width:1200px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 290px}
.blp-article .blp-blog-main,.blp-article .blp-sidebar{min-width:0}
@media(max-width:900px){.blp-article .blp-article-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.blp-article .blp-wrap{padding-left:18px;padding-right:18px}}

.buylp-service-page .bs-cta :where(.bs-btn,.bs-button),.buylp-about .ba-cta :where(.ba-btn,.ba-button),.buylp-contact-page .blc-cta :where(.blc-btn,.blc-button){background:var(--buylp-cta-button-bg);color:var(--buylp-cta-button-ink)!important;border-color:var(--buylp-cta-button-bg)}
