/*
  Corporate service CPT singles — token overlay from the HTML kit.

  Only loaded on Home Office residential / commercial / lighting singles.
  Does not replace src/css/tokens.css. Aliases that pointed at unused kits
  (service-hub-v3, pricing-v2-shine) are inlined so this sheet is self-contained.
*/

:root {
  /* brand-intro-service-page — Figma 237:2054 */
  --fs-brand-intro-service-title: 3.375rem;
  --fs-brand-intro-service-title-mobile: 1.5rem;
  --lh-brand-intro-service-title: 3.375rem;
  --lh-brand-intro-service-title-mobile: 1.8125rem;
  --fs-brand-intro-service-body: 1.125rem;
  --fs-brand-intro-service-body-mobile: 1rem;
  --lh-brand-intro-service-body: 1.875rem;
  --ls-brand-intro-service: -0.02em;
  --fs-brand-intro-service-breadcrumb: 1.125rem;
  --fs-brand-intro-service-breadcrumb-mobile: 0.75rem;
  --lh-brand-intro-service-breadcrumb: 1.875rem;
  --brand-intro-service-pad-y: 7.5rem;
  --brand-intro-service-pad-y-mobile: 3.5rem;
  --brand-intro-service-content-max: 92.5rem;
  --brand-intro-service-copy-w: 42rem;
  --brand-intro-service-title-w: 41rem;
  --brand-intro-service-media-w: 46.75rem;
  --brand-intro-service-media-h: 34.1875rem;
  --brand-intro-service-media-w-mobile: 17.875rem;
  --brand-intro-service-row-gap: 3.75rem;
  --brand-intro-service-stack-gap: 2rem;
  --brand-intro-service-text-gap: 2rem;
  --brand-intro-service-text-gap-mobile: 1.5rem;
  /* brand-intro row 2 — lighting service detail (Figma 292:607) */
  --brand-intro-service-lighting-band-h: 63.75rem; /* 1020px */
  --brand-intro-service-lighting-pad-y: 8.75rem; /* 140px — copy column inset */
  --brand-intro-service-lighting-row-gap: 5.75rem; /* 92px — image → copy */
  --brand-intro-service-lighting-title-w: 44rem; /* 704px */
  --fs-brand-intro-service-subhead: 1.5rem; /* 24px — Prompt Bold */

  /* service-detail-lighting-cost-card — Figma 292:651 / 371:864 (quote panel) */
  --local-service-intro-row-gap: 3.75rem; /* 60px — panel copy ↔ CTA on desktop */
  --ls-local-service-intro: -0.02em;
  --fs-local-service-intro-quote-title: 2.25rem; /* 36px */
  --fs-local-service-intro-quote-title-mobile: 1.125rem; /* 18px */
  --lh-local-service-intro-quote-title-mobile: 1.875rem; /* 30px */
  --fs-local-service-intro-quote-body-mobile: 0.8125rem; /* 13px */
  --lh-local-service-intro-quote-body-mobile: 1.25rem; /* 20px */
  --local-service-intro-quote-pad: 2.25rem; /* 36px */
  --local-service-intro-quote-pad-mobile: 1.5rem; /* 24px */
  --local-service-intro-quote-bar: 10px;
  --local-service-intro-quote-bar-mobile: 5px;
  --local-service-intro-quote-w-mobile: 17.75rem; /* 284px */
  --local-service-intro-quote-body-w-mobile: 12.875rem; /* 206px */
  --local-service-intro-quote-cta-w-mobile: 16.25rem; /* 260px */
  --color-local-service-intro-quote-bg: #fcfcfc;
  --shadow-local-service-intro-quote: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  --shadow-local-service-intro-quote-mobile: 0 4px 20px 0 rgba(0, 0, 0, 0.05);

  /* process-service-page — Figma 237:2898 / 246:3247 */
  --fs-process-service-title: 3.375rem;
  --fs-process-service-title-mobile: 1.5rem;
  --lh-process-service-title: 3.375rem;
  --lh-process-service-title-mobile: 1.625rem;
  --fs-process-service-subtitle: 2.25rem;
  --fs-process-service-subtitle-mobile: 1.25rem;
  --lh-process-service-subtitle: 2.75rem;
  --lh-process-service-subtitle-mobile: 1.5rem;
  --fs-process-service-intro: 1.125rem;
  --lh-process-service-intro: 1.875rem;
  --fs-process-service-point-title: 1.5rem;
  --lh-process-service-point-title: 1.8125rem;
  --ls-process-service: -0.02em;
  --process-service-pad-y: 7.5rem;
  --process-service-pad-y-mobile: 3.5rem;
  --process-service-header-max: 93.6875rem;
  --process-service-header-max-mobile: 20rem;
  --process-service-intro-max: 61.8125rem;
  --process-service-col-w: 44.3125rem;
  --process-service-col-gap: 2.5rem;
  --process-service-board-w-mobile: 18rem;
  --process-service-board-pad: 2rem;
  --process-service-board-pad-mobile: 1.25rem;
  --process-service-pricing-pad-mobile: 1.5rem;
  --process-service-pricing-gap-mobile: 1.875rem;
  --process-service-cta-pad-y: 1.25rem;
  --process-service-cta-pad-x: 2.5rem;
  --radius-process-service-board: 0.625rem;
  --shadow-process-service-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05);

  /* cta-v2 — Figma 223:1212 / 229:1646 */
  --fs-cta-v2-title: 3.375rem;
  --fs-cta-v2-title-mobile: 1.5rem;
  --lh-cta-v2-title: 3.375rem;
  --lh-cta-v2-title-mobile: normal;
  --ls-cta-v2-title-mobile: -0.02em;
  --cta-v2-pad-y: 7.5rem;
  --cta-v2-pad-y-mobile: 3.5rem;
  --cta-v2-title-max: 93.6875rem;
  --cta-v2-title-max-mobile: 20rem;
  --cta-v2-body-max: 60.8125rem;
  --fs-cta-v2-body: 1.125rem;
  --fs-cta-v2-body-mobile: 1rem;
  --lh-cta-v2-body: 1.875rem;
  --cta-v2-btn-pad-y: 1.25rem;
  --cta-v2-btn-pad-x: 2.5rem;
  --cta-v2-local-actions-gap: 1rem;
  --cta-v2-local-phone-icon: 1.4375rem;
  --cta-v2-local-bg-h: 762.53%;

  /* process-v2-shine-template — Figma 656:188 / 246:3431 */
  --fs-process-v2-shine-title: 3.375rem;
  --fs-process-v2-shine-title-mobile: 1.5rem;
  --lh-process-v2-shine-title: 3.375rem;
  --lh-process-v2-shine-title-mobile: 1.8125rem;
  --fs-process-v2-shine-intro: 1.125rem;
  --lh-process-v2-shine-intro: 1.875rem;
  --ls-process-v2-shine: -0.02em;
  --fs-process-v2-shine-card-title: 1.25rem;
  --fs-process-v2-shine-card-title-mobile: 1rem;
  --fs-process-v2-shine-card-body: 1rem;
  --lh-process-v2-shine-card-body: 1.25rem;
  --fs-process-v2-shine-card-body-mobile: 0.625rem;
  --lh-process-v2-shine-card-body-mobile: 0.9375rem;
  --process-v2-shine-pad-y: 8.75rem;
  --process-v2-shine-pad-y-mobile: 3.5rem;
  --process-v2-shine-header-max: 93.6875rem;
  --process-v2-shine-title-max-mobile: 20rem;
  --process-v2-shine-intro-max: 60.8125rem;
  --process-v2-shine-card-w: 32.75rem;
  --process-v2-shine-card-w-mobile: 9.25rem;
  --process-v2-shine-card-h: 16.5rem;
  --process-v2-shine-card-h-mobile: 10.75rem;
  --process-v2-shine-card-pad: 3.375rem;
  --process-v2-shine-card-pad-mobile: 0.875rem;
  --process-v2-shine-card-gap: 1.5625rem;
  --process-v2-shine-copy-max: 20.375rem;
  --process-v2-shine-icon: 4.0625rem;
  --process-v2-shine-icon-mobile: 1.5rem;
  --process-v2-shine-cta-pad-y: 1.25rem;
  --process-v2-shine-cta-pad-x: 2.5rem;
  --shadow-process-v2-shine-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  --shadow-process-v2-shine-card-mobile: 0 4px 50px 0 rgba(0, 0, 0, 0.08);

  /* testimonials-v2 pager (reuses --testimonials-* from global tokens.css) */
  --color-testimonials-shine-dot-active: var(--color-text-inverse);
  --color-testimonials-v2-dot-active: var(--color-testimonials-shine-dot-active);

  /* pricing-service-page — inlined from pricing-v2-shine-template */
  --fs-pricing-service-title: 1.5rem;
  --lh-pricing-service-title: 1.8125rem;
  --fs-pricing-service-body: 1.125rem;
  --lh-pricing-service-body: 1.4375rem;
  --fs-pricing-service-btn: 1rem;
  --fs-pricing-service-service: 1rem;
  --lh-pricing-service-service: 1.25rem;
  --ls-pricing-service: -0.02em;
  --pricing-service-pad-y: 7.5rem;
  --pricing-service-pad-y-mobile: 3.5rem;
  --pricing-service-content-max: 92.5rem;
  --pricing-service-card-w-mobile: 18rem;
  --pricing-service-card-h: 25.1875rem;
  --pricing-service-card-pad-y: 3.75rem;
  --pricing-service-card-pad-x: 2.5rem;
  --pricing-service-card-pad-mobile: 1.25rem;
  --pricing-service-copy-gap: 1.5625rem;
  --pricing-service-cta-gap: 3.75rem;
  --pricing-service-service-gap: 1.75rem;
  --pricing-service-service-icon-gap: 1.1875rem;
  --pricing-service-btn-pad-y: 1.25rem;
  --pricing-service-btn-pad-x: 2.5rem;
  --shadow-pricing-service-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  --shadow-pricing-service-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08);

  /* benefits-services-shine-template — inlined from service-hub-v3 */
  --color-benefits-services-icon: #c52233;
  --fs-benefits-services-title: 3.375rem;
  --fs-benefits-services-title-mobile: 1.5rem;
  --lh-benefits-services-title: 4rem;
  --lh-benefits-services-title-mobile: 1.8125rem;
  --ls-benefits-services: -0.02em;
  --fs-benefits-services-card-title: 1.5rem;
  --lh-benefits-services-card-title: 1.8125rem;
  --fs-benefits-services-card-body: 1rem;
  --lh-benefits-services-card-body: 1.25rem;
  --benefits-services-pad-y: 7.5rem;
  --benefits-services-pad-y-mobile: 3.5rem;
  --benefits-services-header-max: 93.6875rem;
  --benefits-services-header-max-mobile: 20rem;
  --benefits-services-cards-gap: 2.125rem;
  --benefits-services-card-w: 21.5625rem;
  --benefits-services-card-w-mobile: 18.0625rem;
  --benefits-services-card-h: 32.5rem;
  --benefits-services-card-h-mobile: 21.75rem;
  --benefits-services-card-pad: 1.5rem;
  --benefits-services-card-pad-mobile: 1.25rem;
  --benefits-services-card-gap: 2rem;
  --benefits-services-card-gap-mobile: 1.5625rem;
  --benefits-services-card-text-max: 18.75rem;
  --benefits-services-icon: 6.5625rem;
  --benefits-services-icon-mobile: 3.1875rem;
  --shadow-benefits-services-card: 0 4px 10px 0 rgba(58, 58, 58, 0.05);
  --shadow-benefits-services-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08);
}