/* ================================================================
 * Global Block Tones — block--tone-{light|gray|dark}
 * Applied to services blocks via the `tone` ACF select.
 * Enqueued AFTER block style.css files so tone backgrounds win
 * over per-block hardcoded backgrounds (equal specificity).
 * Tokens: assets/css/tokens.css only.
 * ================================================================ */

/* ── Section backgrounds ── */
.block--tone-light {
    background: var(--color-surface);
}

.block--tone-gray {
    background: var(--color-surface-muted);
}

.block--tone-dark {
    background: var(--color-surface-dark);
}

/* ================================================================
 * LIGHT + GRAY tones → dark text (default block colors)
 * ================================================================ */
.block--tone-light .block-logo_strip__label,
.block--tone-gray .block-logo_strip__label,
.block--tone-light .block-stat_tiles__label,
.block--tone-gray .block-stat_tiles__label,
.block--tone-light .block-comparison_wedge__heading,
.block--tone-gray .block-comparison_wedge__heading,
.block--tone-light .block-card_grid__heading,
.block--tone-gray .block-card_grid__heading,
.block--tone-light .block-card_grid__card-title,
.block--tone-gray .block-card_grid__card-title,
.block--tone-light .block-process_steps__heading,
.block--tone-gray .block-process_steps__heading,
.block--tone-light .block-process_steps__title,
.block--tone-gray .block-process_steps__title,
.block--tone-light .block-checklist_panel__heading,
.block--tone-gray .block-checklist_panel__heading,
.block--tone-light .block-case-cards__heading,
.block--tone-gray .block-case-cards__heading,
.block--tone-light .block-case-cards__client,
.block--tone-gray .block-case-cards__client,
.block--tone-light .block-case-cards__metric,
.block--tone-gray .block-case-cards__metric,
.block--tone-light .block-dashboard-preview__heading,
.block--tone-gray .block-dashboard-preview__heading,
.block--tone-light .block-dashboard-preview__card-title,
.block--tone-gray .block-dashboard-preview__card-title,
.block--tone-light .block-quote-cards__heading,
.block--tone-gray .block-quote-cards__heading,
.block--tone-light .block-quote-cards__name,
.block--tone-gray .block-quote-cards__name,
.block--tone-light .block-checklist-pricing__heading,
.block--tone-gray .block-checklist-pricing__heading,
.block--tone-light .block-checklist-pricing__price-heading,
.block--tone-gray .block-checklist-pricing__price-heading,
.block--tone-light .block-comparison_matrix__heading,
.block--tone-gray .block-comparison_matrix__heading,
.block--tone-light .block-comparison_matrix__rowlabel,
.block--tone-gray .block-comparison_matrix__rowlabel,
.block--tone-light .block-fit_columns__heading,
.block--tone-gray .block-fit_columns__heading,
.block--tone-light .block-link_tiles__heading,
.block--tone-gray .block-link_tiles__heading,
.block--tone-light .block-link_tiles__title,
.block--tone-gray .block-link_tiles__title,
.block--tone-light .block-team_cards__heading,
.block--tone-gray .block-team_cards__heading,
.block--tone-light .block-team_cards__name,
.block--tone-gray .block-team_cards__name,
.block--tone-light .block-accordion_list__heading,
.block--tone-gray .block-accordion_list__heading,
.block--tone-light .block-accordion_list__question-text,
.block--tone-gray .block-accordion_list__question-text,
.block--tone-light .block-form_cta__heading,
.block--tone-gray .block-form_cta__heading,
.block--tone-light .block-form_cta__host-name,
.block--tone-gray .block-form_cta__host-name,
.block--tone-light .block-resource_cards__type,
.block--tone-gray .block-resource_cards__type,
.block--tone-light .block-resource_cards__title,
.block--tone-gray .block-resource_cards__title {
    color: var(--color-yankees-blue);
}

/* body / secondary text */
.block--tone-light .block-comparison_wedge__intro,
.block--tone-gray .block-comparison_wedge__intro,
.block--tone-light .block-comparison_wedge__note,
.block--tone-gray .block-comparison_wedge__note,
.block--tone-light .block-card_grid__intro,
.block--tone-gray .block-card_grid__intro,
.block--tone-light .block-card_grid__card-text,
.block--tone-gray .block-card_grid__card-text,
.block--tone-light .block-process_steps__intro,
.block--tone-gray .block-process_steps__intro,
.block--tone-light .block-process_steps__text,
.block--tone-gray .block-process_steps__text,
.block--tone-light .block-process_steps__receive,
.block--tone-gray .block-process_steps__receive,
.block--tone-light .block-checklist_panel__intro,
.block--tone-gray .block-checklist_panel__intro,
.block--tone-light .block-checklist_panel__item-text,
.block--tone-gray .block-checklist_panel__item-text,
.block--tone-light .block-checklist_panel__panel-note,
.block--tone-gray .block-checklist_panel__panel-note,
.block--tone-light .block-case-cards__desc,
.block--tone-gray .block-case-cards__desc,
.block--tone-light .block-dashboard-preview__desc,
.block--tone-gray .block-dashboard-preview__desc,
.block--tone-light .block-dashboard-preview__kpi-label,
.block--tone-gray .block-dashboard-preview__kpi-label,
.block--tone-light .block-dashboard-preview__card-status,
.block--tone-gray .block-dashboard-preview__card-status,
.block--tone-light .block-quote-cards__text,
.block--tone-gray .block-quote-cards__text,
.block--tone-light .block-quote-cards__role,
.block--tone-gray .block-quote-cards__role,
.block--tone-light .block-quote-cards__rating-source,
.block--tone-gray .block-quote-cards__rating-source,
.block--tone-light .block-checklist-pricing__item-text,
.block--tone-gray .block-checklist-pricing__item-text,
.block--tone-light .block-checklist-pricing__price-note,
.block--tone-gray .block-checklist-pricing__price-note,
.block--tone-light .block-checklist-pricing__price-footer,
.block--tone-gray .block-checklist-pricing__price-footer,
.block--tone-light .block-comparison_matrix__cell,
.block--tone-gray .block-comparison_matrix__cell,
.block--tone-light .block-fit_columns__item,
.block--tone-gray .block-fit_columns__item,
.block--tone-light .block-link_tiles__subtitle,
.block--tone-gray .block-link_tiles__subtitle,
.block--tone-light .block-team_cards__intro,
.block--tone-gray .block-team_cards__intro,
.block--tone-light .block-team_cards__bio,
.block--tone-gray .block-team_cards__bio,
.block--tone-light .block-accordion_list__answer,
.block--tone-gray .block-accordion_list__answer,
.block--tone-light .block-form_cta__item-text,
.block--tone-gray .block-form_cta__item-text,
.block--tone-light .block-form_cta__form-note,
.block--tone-gray .block-form_cta__form-note,
.block--tone-light .block-form_cta__host-role,
.block--tone-gray .block-form_cta__host-role {
    color: var(--color-yankees-blue-70);
}

/* labels / notes / microcopy */
.block--tone-light .block-stat_tiles__value,
.block--tone-gray .block-stat_tiles__value,
.block--tone-light .block-comparison_wedge__quote blockquote,
.block--tone-gray .block-comparison_wedge__quote blockquote,
.block--tone-light .block-comparison_wedge__quote cite,
.block--tone-gray .block-comparison_wedge__quote cite,
.block--tone-light .block-case-cards__link,
.block--tone-gray .block-case-cards__link,
.block--tone-light .block-dashboard-preview__kpi-value,
.block--tone-gray .block-dashboard-preview__kpi-value,
.block--tone-light .block-fit_columns__label,
.block--tone-gray .block-fit_columns__label,
.block--tone-light .block-link_tiles__title,
.block--tone-gray .block-link_tiles__title,
.block--tone-light .block-team_cards__role,
.block--tone-gray .block-team_cards__role,
.block--tone-light .block-form_cta__form-title,
.block--tone-gray .block-form_cta__form-title {
    color: var(--color-yankees-blue);
}

/* cards on light/gray: white surface with subtle border */
.block--tone-light .block-card_grid__card,
.block--tone-gray .block-card_grid__card,
.block--tone-light .block-case-cards__card,
.block--tone-gray .block-case-cards__card,
.block--tone-light .block-quote-cards__card,
.block--tone-gray .block-quote-cards__card,
.block--tone-light .block-checklist-pricing__card,
.block--tone-gray .block-checklist-pricing__card,
.block--tone-light .block-fit_columns__card,
.block--tone-gray .block-fit_columns__card,
.block--tone-light .block-team_cards__card,
.block--tone-gray .block-team_cards__card {
    background: var(--color-white);
    border-color: var(--color-yankees-blue-10);
}

/* tables on light/gray */
.block--tone-light .block-comparison_matrix__table th,
.block--tone-gray .block-comparison_matrix__table th,
.block--tone-light .block-comparison_matrix__table td,
.block--tone-gray .block-comparison_matrix__table td {
    color: var(--color-yankees-blue);
    border-color: var(--color-yankees-blue-10);
}

/* resource_cards on light/gray: white surface, cyan top accent preserved */
.block--tone-light .block-resource_cards__card,
.block--tone-gray .block-resource_cards__card {
    background: var(--color-white);
    border-top-color: var(--color-whimsical-blue);
}

/* ================================================================
 * DARK tone → white text (Yankees Blue surface)
 * ================================================================ */
.block--tone-dark .block-logo_strip__label,
.block--tone-dark .block-stat_tiles__label,
.block--tone-dark .block-comparison_wedge__heading,
.block--tone-dark .block-card_grid__heading,
.block--tone-dark .block-card_grid__card-title,
.block--tone-dark .block-process_steps__heading,
.block--tone-dark .block-process_steps__title,
.block--tone-dark .block-checklist_panel__heading,
.block--tone-dark .block-case-cards__heading,
.block--tone-dark .block-case-cards__client,
.block--tone-dark .block-case-cards__metric,
.block--tone-dark .block-dashboard-preview__heading,
.block--tone-dark .block-dashboard-preview__card-title,
.block--tone-dark .block-quote-cards__heading,
.block--tone-dark .block-quote-cards__name,
.block--tone-dark .block-checklist-pricing__heading,
.block--tone-dark .block-checklist-pricing__price-heading,
.block--tone-dark .block-comparison_matrix__heading,
.block--tone-dark .block-comparison_matrix__rowlabel,
.block--tone-dark .block-fit_columns__heading,
.block--tone-dark .block-link_tiles__heading,
.block--tone-dark .block-link_tiles__title,
.block--tone-dark .block-team_cards__heading,
.block--tone-dark .block-team_cards__name,
.block--tone-dark .block-accordion_list__heading,
.block--tone-dark .block-accordion_list__question-text,
.block--tone-dark .block-form_cta__heading,
.block--tone-dark .block-form_cta__host-name,
.block--tone-dark .block-resource_cards__type,
.block--tone-dark .block-resource_cards__title {
    color: var(--color-white);
}

.block--tone-dark .block-comparison_wedge__intro,
.block--tone-dark .block-comparison_wedge__note,
.block--tone-dark .block-card_grid__intro,
.block--tone-dark .block-card_grid__card-text,
.block--tone-dark .block-process_steps__intro,
.block--tone-dark .block-process_steps__text,
.block--tone-dark .block-process_steps__receive,
.block--tone-dark .block-checklist_panel__intro,
.block--tone-dark .block-checklist_panel__item-text,
.block--tone-dark .block-checklist_panel__panel-note,
.block--tone-dark .block-case-cards__desc,
.block--tone-dark .block-dashboard-preview__desc,
.block--tone-dark .block-dashboard-preview__kpi-label,
.block--tone-dark .block-dashboard-preview__card-status,
.block--tone-dark .block-quote-cards__text,
.block--tone-dark .block-quote-cards__role,
.block--tone-dark .block-quote-cards__rating-source,
.block--tone-dark .block-checklist-pricing__item-text,
.block--tone-dark .block-checklist-pricing__price-note,
.block--tone-dark .block-checklist-pricing__price-footer,
.block--tone-dark .block-comparison_matrix__cell,
.block--tone-dark .block-fit_columns__item,
.block--tone-dark .block-link_tiles__subtitle,
.block--tone-dark .block-team_cards__intro,
.block--tone-dark .block-team_cards__bio,
.block--tone-dark .block-accordion_list__answer,
.block--tone-dark .block-form_cta__item-text,
.block--tone-dark .block-form_cta__form-note,
.block--tone-dark .block-form_cta__host-role {
    color: var(--color-white-80);
}

.block--tone-dark .block-stat_tiles__value,
.block--tone-dark .block-comparison_wedge__quote blockquote,
.block--tone-dark .block-comparison_wedge__quote cite,
.block--tone-dark .block-case-cards__link,
.block--tone-dark .block-dashboard-preview__kpi-value,
.block--tone-dark .block-fit_columns__label,
.block--tone-dark .block-team_cards__role,
.block--tone-dark .block-form_cta__form-title {
    color: var(--color-white);
}

/* links */
.block--tone-dark .block-card_grid__link,
.block--tone-dark .block-case-cards__link,
.block--tone-dark .block-link_tiles__title a,
.block--tone-dark .block-link_tiles__subtitle a,
.block--tone-dark .block-accordion_list__answer a {
    color: var(--color-whimsical-blue);
}

/* cards on dark: translucent white surface */
.block--tone-dark .block-card_grid__card,
.block--tone-dark .block-case-cards__card,
.block--tone-dark .block-quote-cards__card,
.block--tone-dark .block-checklist-pricing__card,
.block--tone-dark .block-fit_columns__card,
.block--tone-dark .block-team_cards__card,
.block--tone-dark .block-resource_cards__card {
    background: color-mix(in srgb, var(--color-white) 6%, transparent);
    border-color: color-mix(in srgb, var(--color-white) 14%, transparent);
}

/* resource_cards keeps its cyan top accent on dark */
.block--tone-dark .block-resource_cards__card {
    border-top-color: var(--color-whimsical-blue);
}

/* tables on dark */
.block--tone-dark .block-comparison_matrix__table th,
.block--tone-dark .block-comparison_matrix__table td {
    color: var(--color-white);
    border-color: var(--color-white-14);
}

.block--tone-dark .block-comparison_matrix__table th {
    background: var(--color-white-06);
}

/* checkbox / list accents on dark keep their brand colors (cyan/violet) */

/* hero_form: tone drives the hero surface (light default = white; dark/gray = the tone surface). */
.block--tone-dark .block-hero_form__eyebrow,
.block--tone-dark .block-hero_form__intro,
.block--tone-dark .block-hero_form__team-line,
.block--tone-dark .block-hero_form__rating,
.block--tone-dark .block-hero_form__pill,
.block--tone-dark .block-hero_form__trust-item,
.block--tone-dark .block-hero_form__figure-role,
.block--tone-dark .block-hero_form__figure-quote {
    color: var(--color-white-80);
}

.block--tone-dark .block-hero_form__heading,
.block--tone-dark .block-hero_form__figure-name {
    color: var(--color-white);
}