/* 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);
}