/* Next Level: sampled from the supplied logo. One orange in every action state. */
:root{--nl-brand-orange:#fa4616}

/* Homepage heading emphasis: one logo orange on light and dark sections, in VI and EN. */
body.nl-home :is(h1,h2,h3) em{color:var(--nl-brand-orange)!important}

/* Filled homepage actions: hero, Travel/MICE, Events, Technology, brief and project dialog. */
body.nl-home .hero-v5 .immersion-actions .button:not(.button-outline),
body.nl-home .nl-service-actions .button:not(.button-outline),
body.nl-home .form-actions button[type="submit"],
body.nl-home .dialog-copy .button:not(.button-outline){
 background-color:var(--nl-brand-orange)!important;
 border-color:var(--nl-brand-orange)!important;
 color:#fff;
}

/* Keep outlined controls outlined; their orange is the same logo colour. */
body .site-header .nav-cta,
body .language-switch .language-button[aria-current="true"],
body.nl-home .more-projects .visual-journey,
body.nl-home .about-strip .text-action{
 color:var(--nl-brand-orange)!important;
}
body .site-header .nav-cta,
body.nl-home .more-projects .visual-journey{
 border-color:var(--nl-brand-orange)!important;
}

/* Hover/focus/pressed feedback retains the original geometry and uses no alternate orange. */
body .site-header .nav-cta:is(:hover,:focus-visible,:active),
body.nl-home .more-projects .visual-journey:is(:hover,:focus-visible,:active),
body.nl-home .about-strip .text-action:is(:hover,:focus-visible,:active),
body.nl-home .hero-v5 .immersion-actions .text-action:is(:hover,:focus-visible,:active){
 background-color:var(--nl-brand-orange)!important;
 border-color:var(--nl-brand-orange)!important;
 color:#fff!important;
}
body.nl-home .nl-service-actions .text-action:is(:hover,:focus-visible,:active){color:var(--nl-brand-orange)!important}
