/*
Theme variable overrides for the support-side veloxQ theme.
Keep this file focused on variables so bundled CSS consumes the same branding in debug and production modes.
*/
:root {
    --yellow-1: #f2d28d;
    --yellow-2: #f2d28d;
    --green-1: #6fe1ab;
    --red-1: #ff6a7b;
    --red-2: #ff6a7b;

    --success: var(--green-1);
    --success-2: rgba(111, 225, 171, 0.12);
    --error: var(--red-1);
    --error-2: rgba(255, 106, 123, 0.12);
    --error-3: #ff8d9c;
    --warning: var(--yellow-1);
    --warning-2: rgba(242, 210, 141, 0.12);
    --info: #bd60ff;
    --info-2: rgba(189, 96, 255, 0.12);
    --info-3: #9c9c9c;

    --primary: #000000;
    --secondary: #121212;
    --tertiary: #d42b7c;

    --surface: #080808;
    --foreground: #ffffff;
    --main-background: #000000;

    --font__pri-clr: #ffffff;
    --font__sec-clr: #9c9c9c;

    --header__bg: rgba(0, 0, 0, 0.86);
    --header_logo__clr: #ffffff;
    --header_nav__clr: #ffffff;
    --header_nav__hover_clr: #f2d28d;

    --header_profile__clr: #ffffff;
    --header_profile__menu-bg: #050505;
    --header_profile__user-avatar-bg: #d42b7c;
    --header_profile__mobile-user-avatar-bg: #bd60ff;

    --icon_circle__clr: #f2d28d;
    --icon_circle__bg: rgba(242, 210, 141, 0.08);
    --navlink_icon_hover__clr: #000000;
    --navlink_icon_hover__bg: #f2d28d;

    --navlink__bg: #0a0a0a;
    --navlink__clr: #9c9c9c;
    --navlink__hover-bg: #111111;
    --navlink__title-clr: #ffffff;

    --notification__clr: #ffffff;

    --input-bg: #000000;
    --input-clr: #ffffff;

    --radio__bg: #000000;
    --radio__fill-clr: #f2d28d;
    --radio__hover-bg: #101010;
    --radio__hover-fill-clr: #f2d28d;

    --checkbox__bg: #000000;
    --checkbox__hover-bg: #101010;

    --link__pri-clr: #f2d28d;
    --link__pri-hover-clr: #ffffff;
    --link__sec-clr: #d42b7c;
    --link__sec-hover-clr: #ffffff;

    --footer__link-clr: #f2d28d;
    --ticket_body__bg: #090909;
    --ticket_response__bg: rgba(212, 43, 124, 0.08);

    --preview__clr: #9c9c9c;
    --preview__bg: transparent;
    --preview__border-clr: #323232;
    --preview__hover-bg: transparent;
    --preview__hover-icon-fill: #000000;
    --preview__title-clr: #ffffff;

    --suggest_preview__bg: #080808;
    --suggest_preview__clr: #ffffff;
    --suggest_preview__border-clr: #323232;
    --suggest_preview__hover-bg: #121212;
    --suggest_preview__hover-icon-fill: #000000;
    --suggest_preview__title-clr: #ffffff;

    --article_preview__hover-clr: #ffffff;
    --article_preview_suggestion_clr: #ffffff;

    --table_row__bg: transparent;
    --table_row__bg-even: rgba(255, 255, 255, 0.02);
    --table_row__bg-hover: rgba(242, 210, 141, 0.06);

    --step_bar__item-clr: #f2d28d;

    --breadcrumbs__a-clr: #9c9c9c;
    --breadcrumbs__a-hover-clr: #f2d28d;

    --search__clr: #ffffff;
    --search__bg: transparent;
    --search__title-clr: #ffffff;
    --search__input-placeholder-clr: #9c9c9c;
    --search__icon-fill: #f2d28d;
    --search__input-bg: #000000;

    --modal_body__bg: #080808;

    --btn__bg-clr-pri: #f2d28d;
    --btn__clr-pri: #000000;
    --btn__border-clr-pri: #f2d28d;
    --btn__disabled-bg-clr: #323232;
    --btn__disabled-clr: #9c9c9c;

    --dropdown__bg: #050505;
    --dropdown__clr: #ffffff;
    --dropdown__border-clr: #323232;
    --dropdown_ver1__border-clr: #323232;
    --dropdown_ver2__border-clr: #323232;

    --dropdown__hover-bg: #101010;
    --dropdown__hover-clr: #f2d28d;
    --dropdown__hover-border-clr: #f2d28d;
    --dropdown_ver2__hover-border-clr: #f2d28d;

    --datepicker_btn__bg: #f2d28d;
    --datepicker_btn__clr: #000000;
    --datepicker__bg: #080808;
    --datepicker__clr: #ffffff;

    --article__head-bg: #080808;
    --article__head-clr: #ffffff;
    --article__head-border-clr: #323232;

    --shadow-1-hsla: 0, 0%, 0%;
}