/*
 * H&C contextual colour contract.
 *
 * The mint accent is designed for navy surfaces. On paper / cream surfaces
 * the same hue is expressed as a darker petrol green so small labels and
 * functional text keep their contrast without changing the brand language.
 *
 * Loaded after the page-specific styles so context, rather than component
 * provenance, decides which accent value is used.
 */

:root {
  --hc-accent-light-surface: #245a4f;
  --hc-accent-light-surface-hover: #174f45;
  --hc-accent-light-surface-dim: rgba(36, 90, 79, 0.09);
  --hc-accent-dark-surface: #8fd5c5;
  --hc-accent-dark-surface-hover: #a8dfd3;
}

/* Legacy section grammar + current H&C page grammar. */
:is(
  .section--light,
  .section--light-2,
  .hc-page-section--paper,
  .hc-page-section--light,
  .hc-page-section--light-2
) {
  --accent: var(--hc-accent-light-surface) !important;
  --accent-hover: var(--hc-accent-light-surface-hover) !important;
  --accent-dim: var(--hc-accent-light-surface-dim) !important;
}

:is(
  .section--dark,
  .section--dark-2,
  .hc-page-section--dark,
  .hc-page-section--dark-2,
  .c-hero,
  .hc-page-hero,
  .hc-cta-band
) {
  --accent: var(--hc-accent-dark-surface) !important;
  --accent-hover: var(--hc-accent-dark-surface-hover) !important;
}

/* Small section labels are the most contrast-sensitive use of the accent. */
:is(
  .section--light,
  .section--light-2,
  .hc-page-section--paper,
  .hc-page-section--light,
  .hc-page-section--light-2
) .u-eyebrow {
  color: var(--hc-accent-light-surface) !important;
  font-weight: 600;
}

/* Keep small structural markers in the same darker family on light paper. */
:is(
  .hc-page-section--paper,
  .hc-page-section--light,
  .hc-page-section--light-2
) :is(
  .hc-service-card__num,
  .hc-feature-card__num,
  .hc-link-card__eyebrow,
  .hc-service-card__link,
  .hc-link-card__link,
  .home-section-link a,
  .home-text-link,
  .home-value__item > span,
  .home-moment__heading > span
) {
  color: var(--hc-accent-light-surface) !important;
}

/* On dark surfaces the mint remains deliberately luminous. */
:is(
  .section--dark,
  .section--dark-2,
  .hc-page-section--dark,
  .hc-page-section--dark-2,
  .c-hero,
  .hc-page-hero,
  .hc-cta-band
) .u-eyebrow {
  color: var(--hc-accent-dark-surface) !important;
}