/* Shared FormEQ colour roles. Palette values are defined in style.css. */

/* Deep blue surfaces use light labels for contrast. */
::selection { background: var(--accent); color: var(--bone); }
.btn:not(.ghost),
.nav-cta[href="/intake"],
.coaching-choice-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--bone);
}
.btn:not(.ghost):hover,
.btn:not(.ghost):active,
.nav-cta:hover,
.nav-cta[href="/intake"]:hover,
.nav-cta[href="/intake"]:active,
.coaching-choice-primary:hover,
.coaching-choice-primary:active {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  color: var(--bone);
}
.btn:hover { box-shadow: 0 8px 28px rgba(var(--accent-rgb), .18); }

/* Lighter members of the same blue family remain legible on the dark page. */
.brand-mark, .fb span,
.eyebrow,
.hero h1 em, .about h2 em,
.offer-index, .offer-list li::before,
.step .sn, .who-card .tick,
.about .sig, .about-signoff span,
.context-process li::before,
.review-preview-note, .review-number, .review-service, .google-review-label,
#coaching-app-number,
.formeq-method-number, .formeq-method-loop span,
#herken-je-dit .coaching-interactive-kicker,
.coaching-interactive-title span,
.coaching-question-number {
  color: var(--accent-text);
}
.coaching-question-symbol::before,
.coaching-question-symbol::after,
.coaching-option li::before,
.privacy-section li::before {
  background: var(--accent-text);
}
.field input:focus,
.field textarea:focus { border-color: var(--accent-text); }
.intake-card :focus-visible,
.foot-compact a:focus-visible,
fieldset.field .checkbox-field input:focus-visible {
  outline-color: var(--accent-light);
}