/* Client palette only: dimensions and component geometry stay unchanged. */
:root {
  --brand-base: #FFF6E5;
  --brand-blue: #026BFF;
  --brand-orange: #FF6F25;
}
.recruit-page,
.recruit-page .header { background-color: var(--brand-base); }
.recruit-page .dots {
  background-color: var(--brand-base);
  background-blend-mode: multiply;
}
.recruit-page .blue,
.recruit-page .result-box {
  background-color: var(--brand-blue);
  color: var(--brand-base);
}
.recruit-page .black,
.recruit-page .recruit-card h3,
.recruit-page .top-link,
.recruit-page .company-details dt,
.recruit-page .company-details a { color: var(--brand-base); }
.recruit-page .statement.light,
.recruit-page .quote-circle,
.recruit-page .recruit-card,
.recruit-page .salary-number,
.recruit-page input,
.recruit-page select,
.recruit-page textarea { background-color: var(--brand-base); }
.recruit-page .quote-circle strong,
.recruit-page .salary-number strong,
.recruit-page .inline-number { color: var(--brand-blue); }
.recruit-page .hero-bubble,
.recruit-page .statement:not(.light) { color: var(--brand-orange); }
/* Cream keeps small text and numbers legible against the saturated blue. */
.recruit-page .emphasis,
.recruit-page .big-number,
.recruit-page .contact-fields label span,
.recruit-page .form-fields label span { color: var(--brand-base); }
.recruit-page .number-marker { border-color: var(--brand-base); }
.recruit-page .number-marker::after { background-color: var(--brand-base); }
.recruit-page .btn--yellow,
.recruit-page .footer-sticky { background-color: var(--brand-orange); }
.recruit-page .black :focus-visible { outline-color: var(--brand-orange); }