:root {
    --primary: #000000;
    --secondary: #4a4a4a;
    --tertiary: #f39200;

    --surface: #ffffff;
    --foreground: #4a4a4a;
    --main-background: #f3f3f3;

    --font__pri-clr: #4a4a4a;
    --font__sec-clr: #8a8a8a;

    --header__bg: #000000;
    --header_logo__clr: #ffffff;
    --header_nav__clr: #ffffff;
    --header_nav__hover_clr: #f39200;

    --icon_circle__bg: #f39200;
    --navlink_icon_hover__bg: #f39200;
    --navlink__title-clr: #f39200;

    --link__pri-clr: #f39200;
    --link__pri-hover-clr: #4a4a4a;
    --link__sec-clr: #f39200;
    --link__sec-hover-clr: #4a4a4a;

    --btn__bg-clr-pri: #f39200;
    --btn__clr-pri: #ffffff;
    --btn__border-clr-pri: #d67e00;

    --radio__fill-clr: #f39200;
    --preview__title-clr: #4a4a4a;
    --preview__border-clr: #f39200;
}

.header,
.cust-help .header {
    background: #000000;
}

.cust-help .header__inner {
    padding: 18px 0;
}

.header__logo,
.cust-help .header__logo {
    display: flex;
    align-items: center;
    line-height: 0;
}

.header__logo .frisson-logo,
.cust-help .header__logo .frisson-logo {
    display: block;
    height: 72px;
    width: auto;
    max-width: 420px;
    object-fit: contain;
    object-position: left center;
}

.btn-full,
.orangebutton,
button[type="submit"].btn {
    background-color: #f39200;
    border-color: #d67e00;
}

.btn-full:hover,
.orangebutton:hover {
    background-color: #d67e00;
}