/* One shared brand orange for all accents and interaction states. */
:root{--northline-orange:#fa5b0a}
em,.brand small,.header nav a:hover,.art-caption b,.sector-strip b,.industry-title b,.dark-section .eyebrow,.specialism-icon,.giant-n span,.text-link span,.footer-talk .arrow-icon,.footer-bottom b,.three-columns .number,.field>span,.contact-sectors span,.auth-motif span,.empty-symbol,.job-card>b,.step{color:var(--northline-orange)}
.header nav a[aria-current]:after,.eyebrow i,.orange-tab{background:var(--northline-orange)}
.button,.button:hover{background:var(--northline-orange);border-color:var(--northline-orange);color:#111b17}
.button.secondary{background:transparent;border-color:#a6aea6}
.button.secondary:hover{background:#e9ece5;border-color:#a6aea6}
::selection{background:var(--northline-orange);color:#111b17}
.field input:focus,.field select:focus,.field textarea:focus,.job-search input:focus,.job-search select:focus{border-color:var(--northline-orange);box-shadow:0 0 0 2px rgb(250 91 10 / 14%)}
.check input,.role-choices input{accent-color:var(--northline-orange)}
.privacy-note,.role-choices label:has(input:checked),.step,#toast{border-color:var(--northline-orange)}
.role-choices label:has(input:checked){background:rgb(250 91 10 / 8%)}
:focus-visible{outline-color:var(--northline-orange)}