/* =============================================================================
   css/efx/brand.css — EFX / Ascend brand colour tokens
   Loaded last so these :root overrides win over customloginpage.css defaults.
   To change the EFX palette, edit only this file.
   ============================================================================= */
:root {
    /* Proceed / primary button — orange */
    --primary:             #B85410;
    --primary-hover:       #9E460D;
    --primary-light:       #fff3eb;
    --teal:                #B85410;
    --teal-hover:          #9E460D;
    --input-focus:         #B85410;
    --input-focus-shadow:  rgba(184, 84, 16, 0.25);

    /* Cancel / block button — solid grey fill */
    --secondary-bg:        #646464;
    --secondary-bg-hover:  #4e4e4e;
    --secondary-text:      #ffffff;
    --secondary-border:    #646464;


    /* Header logo */
    --logo-url:            url('/images/efx/efx-68a7ff795057d24db369bd8d33e99e25.png');
}

/* Forgot-password & delivery page: grey banner headings */
body.forgot-password-page h2 {
    background-color: #646464 !important;
    color: #ffffff !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
}

body.forgot-password-page .fp-reset-by {
    background-color: #646464 !important;
    color: #ffffff !important;
    padding: 15px !important;
}

/* Password-reset / set-password pages: same grey banner heading treatment as
   forgot-password above, applied to both "Set Password" headings — the
   account-completion variant of reset-password.html and the resend-email
   form on set-password.html (both share body.password-reset-page). */
body.password-reset-page h2 {
    background-color: #646464 !important;
    color: #ffffff !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
}