/* src/styles/clarity-homepage-brand-buttons.css */
/* Homepage CTA color standard: sampled from the darkest blue in the Clarity logo. */
.home-page {
  --cwc-home-button-blue: #003A7A;
}

.home-page .button,
.home-page .button:hover,
.home-page .button:focus-visible {
  color: #FFFFFF !important;
  background-color: var(--cwc-home-button-blue) !important;
  border-color: var(--cwc-home-button-blue) !important;
}

.home-page .button:hover,
.home-page .button:focus-visible {
  box-shadow: 0 0.35rem 0.9rem rgba(0, 58, 122, 0.28);
  transform: translateY(-1px);
}

.home-page .button:focus-visible {
  outline-color: var(--color-gold-400);
}

/* src/styles/clarity-homepage-geo.css */
.hero-form__note {
  display: none !important;
}

.geo-owner {
  background: var(--color-ivory-50);
  padding: clamp(3.5rem, 7vw, 6.5rem) 0;
}

.geo-owner__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.geo-owner__copy {
  max-width: 46rem;
}

.geo-owner__copy p {
  color: var(--color-graphite-700);
}

.geo-owner__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  margin-top: var(--space-3);
  color: var(--color-purple-900);
  font-weight: 700;
}

.geo-freshness {
  margin-top: var(--space-6);
  padding-top: var(--space-4);
  border-top: var(--border-thin) solid var(--color-stone-300);
  color: var(--color-graphite-700);
  font-size: var(--font-size--1);
}

.geo-freshness small {
  display: block;
  margin-top: var(--space-2);
}

.geo-comparison {
  background: var(--color-ivory-100);
  padding: clamp(3.5rem, 7vw, 6.5rem) 0;
}

.geo-comparison__intro {
  max-width: 48rem;
  margin-bottom: var(--space-6);
}

.geo-comparison__table-wrap {
  overflow-x: auto;
  border: var(--border-thin) solid var(--color-stone-300);
  border-radius: var(--radius-md);
  background: var(--color-ivory-50);
  box-shadow: var(--shadow-raised);
}

.geo-comparison table {
  width: 100%;
  min-width: 44rem;
  border-collapse: collapse;
  text-align: left;
}

.geo-comparison caption {
  padding: var(--space-4) var(--space-5);
  color: var(--color-graphite-700);
  font-size: var(--font-size--1);
  text-align: left;
}

.geo-comparison th,
.geo-comparison td {
  padding: var(--space-4) var(--space-5);
  border-top: var(--border-thin) solid var(--color-stone-300);
  vertical-align: top;
}

.geo-comparison thead th {
  border-top: 0;
  background: var(--color-purple-900);
  color: var(--color-ivory-50);
}

.geo-comparison tbody th {
  color: var(--color-purple-900);
  font-family: var(--font-display);
}

@media (max-width: 48rem) {
  .geo-owner__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .geo-owner,
  .geo-comparison {
    padding: var(--space-7) 0;
  }
}

/* src/styles/clarity-typography.css */
:root {
  --clarity-font-sans: var(--font-body, Inter, Arial, Helvetica, sans-serif);
  --clarity-font-display: var(--font-display, Inter, Arial, Helvetica, sans-serif);
}
html,
body,
button,
input,
select,
textarea {
  font-family: var(--clarity-font-sans);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--clarity-font-display);
  font-synthesis: none;
}
label,
legend,
button,
input,
select,
textarea {
  font-family: var(--clarity-font-sans);
  font-synthesis: none;
}

/* src/styles/clarity-blue-direction.css */
:root {
  --cwc-blue-dark: #083898;
  --cwc-blue-bright: #0858C8;
  --cwc-blue-light: #C8E8F8;
  --cwc-white: #FFFFFF;

  /* Preserve existing semantic hooks while removing the legacy purple output. */
  --color-purple-950: var(--cwc-blue-dark);
  --color-purple-900: var(--cwc-blue-dark);
  --color-purple-800: var(--cwc-blue-bright);
  --color-purple-700: var(--cwc-blue-bright);
  --color-link: var(--cwc-blue-bright);
  --color-surface-inverse: var(--cwc-blue-dark);
  --color-focus: var(--cwc-blue-bright);
  --ink: var(--cwc-blue-dark);
  --navy: var(--cwc-blue-dark);
  --blue: var(--cwc-blue-bright);
  --sky: var(--cwc-blue-light);
  --service-ink: var(--cwc-blue-dark);
  --service-purple: var(--cwc-blue-dark);
  --service-purple-soft: var(--cwc-blue-bright);
}

/* Imported page shells carried the old dark-purple ink directly. */
body .about-page[data-astro-cid-ta2fbyqs],
body .areas-hub[data-astro-cid-akg3ssuo],
body .area-page[data-astro-cid-kxybgtfe],
body .commercial-page[data-astro-cid-i3pgwcpy],
body .service-child-page[data-astro-cid-s5jzzfkt],
body .window-cleaning-parent[data-astro-cid-h6n2ly34],
body .about-page,
body .areas-hub,
body .area-page,
body .commercial-page,
body .service-child-page,
body .window-cleaning-parent {
  color: var(--cwc-blue-dark);
}

body h1 {
  color: var(--cwc-blue-dark);
}

body .service-page {
  --service-ink: var(--color-graphite-900);
  --service-muted: var(--color-graphite-700);
}

body .service-contact[data-astro-cid-5t2z3xfm] h2[data-astro-cid-5t2z3xfm] {
  color: var(--cwc-blue-dark);
}

/* Blue action treatment; gold and light button variants keep their own roles. */
body .button--header,
body .button--primary,
body .button--service,
body .service-hero-estimate__button {
  color: var(--cwc-white);
  background: var(--cwc-blue-dark);
  border-color: var(--cwc-blue-dark);
}

body .button--header:hover,
body .button--primary:hover,
body .button--service:hover,
body .service-hero-estimate__button:hover {
  background: var(--cwc-blue-bright);
  border-color: var(--cwc-blue-bright);
}

/* Replace hard-coded legacy-purple links with the active brand blue. */
body .area-page__hero[data-astro-cid-kxybgtfe] p[data-astro-cid-kxybgtfe] a[data-astro-cid-kxybgtfe],
body .area-page__actions[data-astro-cid-kxybgtfe] a[data-astro-cid-kxybgtfe],
body .commercial-page__hero[data-astro-cid-i3pgwcpy] p[data-astro-cid-i3pgwcpy] a[data-astro-cid-i3pgwcpy],
body .window-cleaning-parent[data-astro-cid-h6n2ly34] article[data-astro-cid-h6n2ly34] a[data-astro-cid-h6n2ly34],
body .service-child-page__parent-link,
body .service-child-page__content a {
  color: var(--cwc-blue-bright);
}

/* Template-specific imported colors that bypassed the shared tokens. */
body .form-field > label,
body .hero-form form[data-instatic-form-id="form"] label {
  color: var(--color-graphite-900);
}

body .coverage__list[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme] {
  color: var(--cwc-blue-bright);
}

body .about-page__approach-section[data-astro-cid-ta2fbyqs] p[data-astro-cid-ta2fbyqs],
body .about-page__values[data-astro-cid-ta2fbyqs] li[data-astro-cid-ta2fbyqs] {
  color: var(--cwc-blue-light);
}

body .commercial-page__hero[data-astro-cid-i3pgwcpy] nav[data-astro-cid-i3pgwcpy] a[data-astro-cid-i3pgwcpy] {
  color: var(--cwc-blue-bright);
}

/* Footer copy used a muted purple that no longer belongs to the brand direction. */
body .site-footer,
body .site-footer__intro > p,
body .site-footer__group a,
body .site-footer__bottom,
body .site-footer__credit {
  color: var(--cwc-blue-dark);
}

body .site-footer__bottom {
  border-top-color: var(--cwc-blue-light);
}

body .site-footer__credit a {
  text-decoration-color: var(--cwc-blue-bright);
}

/* Light-blue secondary copy keeps contrast on dark-blue sections. */
body .checklist-layout p,
body .estimate-panel p,
body .local-bar[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme],
body .how-it-works__heading[data-astro-cid-lcdefpme] > p[data-astro-cid-lcdefpme]:last-child,
body .steps[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme],
body .estimate-prep[data-astro-cid-p6xn5dwj] > p[data-astro-cid-p6xn5dwj],
body .estimate-prep__grid[data-astro-cid-p6xn5dwj] > div[data-astro-cid-p6xn5dwj] > p[data-astro-cid-p6xn5dwj]:last-child,
body .estimate-call-cta[data-astro-cid-ghwmmcbn] p[data-astro-cid-ghwmmcbn],
body .area-page__next[data-astro-cid-kxybgtfe] p[data-astro-cid-kxybgtfe],
body .commercial-page__next[data-astro-cid-i3pgwcpy] p[data-astro-cid-i3pgwcpy],
body .estimate-prep[data-astro-cid-p6xn5dwj] li[data-astro-cid-p6xn5dwj] {
  color: var(--cwc-blue-light);
}

body .estimate-prep[data-astro-cid-p6xn5dwj] li[data-astro-cid-p6xn5dwj] span[data-astro-cid-p6xn5dwj],
body .button--gold-2 {
  color: var(--cwc-blue-dark);
}

/* Compact breadcrumbs: ancestor links, separators, and current page. */
body nav[aria-label="Breadcrumb"] {
  color: var(--cwc-blue-dark);
}

body nav[aria-label="Breadcrumb"] > a {
  color: var(--cwc-blue-bright);
}

body nav[aria-label="Breadcrumb"] > span[aria-hidden="true"] {
  color: var(--cwc-blue-bright);
}

body nav[aria-label="Breadcrumb"] > span:not([aria-hidden="true"]) {
  color: var(--cwc-blue-dark);
}

body nav[aria-label="Breadcrumb"] > a:hover {
  color: var(--cwc-blue-dark);
  text-decoration-color: var(--cwc-blue-bright);
}

body nav[aria-label="Breadcrumb"] > a:focus-visible {
  color: var(--cwc-blue-dark);
  outline-color: var(--cwc-blue-bright);
}