/* ==========================================================================
   AlphaReaction — Color Preset Bridge
   Loaded after page section styles so active Admin Color Preset tokens win.
   Consumes --theme-* / --cp-* injected by ColorPresetService::cssVariables().
   ========================================================================== */

/* Dark section surfaces follow primary (navy), not the light ice surface */
.home-trusted-brands,
.what-we-do,
.about-us,
.about-us--who,
.client-stories,
.vision-roadmap,
.news-articles,
.subscription-newsletter,
.ar-ai-hero,
.contact-page,
.contact-page-wrap,
.alphareaction-contact {
  --tb-bg: var(--theme-surface, var(--cp-navy));
  --wwd-bg: var(--theme-surface, var(--cp-navy));
  --au-bg: var(--theme-surface, var(--cp-navy));
  --cs-bg: var(--theme-surface, var(--cp-navy));
  --vr-bg: var(--theme-surface, var(--cp-navy));
  --na-bg: var(--theme-surface, var(--cp-navy));
  --aw-cyan: var(--theme-cool, var(--cp-aqua));
  --aw-purple: var(--theme-violet-light, var(--cp-aqua-s4));
  --aw-pink: var(--theme-pink);
  --aw-orange: var(--theme-accent-warm, var(--cp-aqua-light));
  --aw-green: var(--theme-teal);
  --aw-blue: var(--theme-cool-deep, var(--cp-ocean));
  --mv-cyan: var(--theme-cool, var(--cp-aqua));
  --mv-purple: var(--theme-violet-light, var(--cp-aqua-s4));
  --ap-cyan: var(--theme-cool, var(--cp-aqua));
  --ap-purple: var(--theme-violet-light, var(--cp-aqua-s4));
  --cs-accent: var(--theme-cool, var(--cp-aqua));
}

/* Links & accents on dark chrome */
.main-menu ul li a:hover,
.main-menu ul li a:focus,
.cp-header-area .main-menu ul li:hover > a,
.footer-widget a:hover,
.cp-footer-area a:hover {
  color: var(--cp-aqua) !important;
}

/* Footer / light bands keep ice text contrast from preset */
.cp-footer-area {
  --cp-ice: var(--cp-ice);
}

/* Form focus rings follow accent */
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.nice-select:focus,
.nice-select.open {
  border-color: var(--cp-aqua) !important;
  box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--cp-aqua) 25%, transparent) !important;
}

/* Ensure heading color on dark hero sections stays readable */
.ar-ai-hero h1,
.ar-ai-hero h2,
.ar-ai-hero h3,
.ar-ai-hero h4,
.ar-ai-hero h5,
.ar-ai-hero h6,
.home-trusted-brands h2,
.home-trusted-brands h3,
.what-we-do h2,
.what-we-do h3,
.about-us h2,
.about-us h3,
.client-stories h2,
.client-stories h3,
.vision-roadmap h2,
.vision-roadmap h3,
.news-articles h2,
.news-articles h3 {
  color: var(--theme-on-dark, #ffffff);
}

/* Crimson Flame / warm presets: buttons & links stay on accent */
.theme-btn,
.cp-ticket-btn,
.btn-style-1 {
  background: var(--ws-btn-primary-bg, var(--theme-button, var(--cp-aqua))) !important;
}

a:hover,
a:focus-visible {
  color: var(--ws-link, var(--cp-aqua));
}