/* Fudo theme light */
:root {
    /* main declarations ----------------------------------------------------------------------- */
    --theme--background: #f6f6fb; /* #f6f6fb or #302F36 */
    --theme-secondary--background: #fff;
    --theme--color: #515151; /* #636169 or A9A7AF */
    --theme-accent--color: #5972F2; /*  */
    --theme-error-color: #e43742;
    --theme-brand--color: #ed1c24; /*  */
    --theme-brand--text-color: #564f59; /* # 564F59 or #A095A4 */
    --theme--font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --theme--root-size: 16px; /*  */
    --theme--medium-font-size: 0.75rem; /*  */
    --theme-icon--color: #b5b7c9;

    --theme--base-padding: 1rem;
    --theme--half-padding: 0.5rem;
    --theme--quoter-padding: 0.25rem;
    --theme--doble-padding: 2rem;
    --theme--triple-padding: 3rem;

    --theme--radius: 0.25rem;
    --theme--forms-radius: 0.25rem;

    --theme-separators: #e4e6ef;
    --theme-separators-hover: #d3d5dc;

    --theme-backdrop--background: rgba(246, 246, 251, 0.4);

    --theme-tile--background: #f4f4f4;
    --theme-tile--text-color: #515151;
    --theme-tile--border-color: #f4f4f4;

    /* component declarations ------------------------------------------------------------------ */
    --theme-header--background: transparent;
    --theme-footer--background: transparent;

    --theme-content-header--background: linear-gradient(
        180deg,
        rgba(246, 246, 251, 1) 0%,
        rgba(246, 246, 251, 0.6) 100%
    );
    --theme-content-footer--background: linear-gradient(
        0deg,
        rgba(238, 238, 243, 1) 0%,
        rgba(238, 238, 243, 0.6) 100%
    );
    --theme-content-footer--radius: 1rem;

    /*navigation*/
    --theme-nav--color: var(--theme--color); /* #636169 or #9B99A2 */
    --theme-nav--background: #efeff5; /* #efeff5 or #36363D */
    --theme-nav-links--color: var(--theme--color);
    --theme-nav-link-secondary--color: var(--theme--color);
    --theme-nav-link-secondary--background: var(--theme--background);
    --theme-nav-icon--color: #b4b7cb;
    --theme-nav-icon--font-size: 0.875rem;
    --theme-nav-headers--color: #a3a3a3; /*  */
    --theme-nav-headers--font-size: 12px; /*  */
    --theme-nav-headers--height: 2rem; /*  */
    --theme-nav-headers--border-color: #484848; /* #484848 */
    --theme-nav-resizer--color: #e2e5ff; /* #e2e5ff */
    --theme-nav-box--background: transparent;
    --theme-nav-box-active--background: #dfe3f6; /* #DFE3F6 or #43434d */
    --theme-nav-box--radius: 0.75rem; /*  */

    /*  -- forms  -- */
    /* input */
    --theme-input--background: #ededf1;
    --theme-input-hover--background: #e7e7ec;
    --theme-input-disabled--text-color: #888;
    --theme-input-disabled--border-color: #efeff5;
    --theme-input-after-disabled--color: #888;

    --theme-input-group-addon--background: var(--theme-separators);


    /* -------------------------------new variables-------------------------------*/

    /* input new */
    --theme-input_background: #fcfcfc;
    --theme-input_color: #646169;
    --theme-input_border-color: #dedede;
    --theme-input_border-radius: 0.25rem;
    --theme-input_shadow: 0px 2px 4px 0px #00000009, 0px 1px 2px 0px #0000000F;

    --theme-input-clear-btn_background: #E4E1FF;

    --theme-input_hover_border-color: #b2b2b2;
    --theme-input_hover_background: #EDEDF1;
    --theme-input_focus_border-color: #5972F2;
    --theme-input_focus_background: #F8F8F8;
    --theme-input_focus_color: #646169;
    --theme-input-clear-btn_focus_background: #E4E1FF;

    --theme-input_disabled_background: #FFFFFF;
    --theme-input_disabled_border-color: #EEF3FF;
    --theme-input_disabled_color: #C8C8CA;

    --theme-input_readonly_color: #a1a1a1;
    --theme-input_dirty_color: #d0d0d0;
    --theme-input-radio_disabled_color: #C8C8CA;

    /* radio-button new */
    --theme-radio-button_default_font-weight: 700;
    --theme-radio-button_default_background: #fcfcfc;
    --theme-radio-button_default_border-size: 1px;
    --theme-radio-button_default_border-style: solid;
    --theme-radio-button_default_border-color: #dedede;
    --theme-radio-button_default_border-radius: 0.25rem;
    --theme-radio-button_default_color: #808080;
    --theme-radio-button_checked_background: #fcfcfc;
    --theme-radio-button_checked_border-color: #5972F2;
    --theme-radio-button_checked_color: #000;
    --theme-radio-button_disabled_border-color: #dedede;
    --theme-radio-button_disabled_color: #dedede;
    --theme-radio-button_hover_background: #fcfcfc;
    --theme-radio-button_hover_border-color: #5972F2;
    --theme-radio-button_hover_color: #000;

    /* button new */
    --theme-button_color: #383838;
    --theme-button_shadow: inset 0 -1px 0 0 #0000001a;
    --theme-button_default_background: #ffffff;
    --theme-button_default_border-color: #bfbfbf;
    --theme-button_default-hover_background: #f7f7f7;
    --theme-button_default-hover_border-color: #bfbfbf;

    --theme-button_action_background: #5972F2;
    --theme-button_action_color: #F8F8F8;
    --theme-button_action-hover_background: #505DBE;
    --theme-button_action-hover_border-color: #505DBE;
    --theme-button_action-focus_background: #505DBE;
    --theme-button_action-focus_border-color: none;

    --theme-button_warning_background: #F54463;
    --theme-button_warning_hover_background: #E93D5B;

    --theme-button_disabled_color: #C8C8CA;
    --theme-button_disabled_border-color: #C8C8CA;
    --theme-button_disabled_background: #F8F8F8;

    --theme-button_secondary_disabled_color: #a8a8a8;
    --theme-button_secondary_disabled_border-color: #d9d9d9;
    --theme-button_secondary_disabled_background: transparent;

    --theme-button_danger_hover_background: #f7f7f7;
    --theme-button_danger_background: #ffffff;
    --theme-button_danger_border-color: #bfbfbf;
    --theme-button_danger_color: #c2131a;
    --theme-button_danger_disabled_color: #ffa0a4;
    --theme-button_danger_disabled_border-color: #d9d9d9;
    --theme-button_danger_disabled_background: transparent;


    /* table new */
    --theme-table_blocked_background: #FBE5E5;

    --theme-grants_background: #8D8BE3;

    /* --------------------------------------------------------------*/

    /* buttons */
    --theme-button--background: #dfe3f6;
    --theme-button-disabled--background: #ececf1;
    --theme-button--border-radius: 0.5rem;

    /* selectbox */
    --theme-selectbox_default-normal--background: #ededf1;
    --theme-selectbox_default-normal--border-radius: 0.75rem;
    --theme-selectbox_default-normal--border-color: #ededf1;
    --theme-selectbox_default-active--background: var(--theme--background);
    --theme-select-option_default-selected--text-color: var(--theme-accent--color);
    --theme-select-option_default-disabled--text-color: #aaa;
    --theme-select-option_default-hover--background: #e7e7ec;

    /*tooltip*/
    --theme-tooltip--background: #ededf1;
    --theme-tooltip-dark--background: #373941;

    /* multiselect */
    --theme-multiselect-default-normal--border-color: #ededf1;
    --theme-multiselect-default-normal--background: #ededf1;
    --theme-multiselect-label-default-normal--border-radius: 0.5rem;

    /*modals*/
    --theme-modal-body--background: var(--theme--background);
    --theme-modal-footer--background: #efeff5;
    --theme-modal-backdrop--background: rgba(201, 201, 201, 0.4);

    /*logs*/
    --theme-log-info--background: #f2f5fb;
    --theme-log-info--color: #60799f;
    --theme-log-warning--background: #f4f5e1;
    --theme-log-warning--color: #b18904;
    --theme-log-error--background: #fbeded;
    --theme-log-error--color: #b15f5d;

    /*data*/
    --theme-tabs--hover--row-background: #fffdfd;
    --theme-tabs-highlighted-column--background: var(--theme-nav--background);
    /*password changers*/
    --theme-password-changers-percent--background-color: #efeff5;
    --theme-password-changers-percent--text-color: #888;
    --theme-password-changers-percent--border-color: #efeff5;

    /* tree */
    --theme-tree-node-active--background: #DFE3F6;

    /* others */
    --theme-sessions-icon--background: #e5e5ec;
    /*dashboard*/
    --theme-dashlet--background: white;
    --theme-dashlet-header--background: var(--app--background);
    --theme-dashlet-header--border: 3px solid var(--theme-dashlet--background);
    --theme-dashlet-header--border-radius: 12px;
    --theme-dashlet-dark--background: #181a28;
    --theme-dashlet-dark-header--background: #181a28;
    --theme-dashlet--radius: var(--theme--radius);
    --theme-dashlet-primary--fill: #4a494e;
    --theme-dashlet-primary-hover--fill: #4c5ec5;

    /* FUDOUI ------------------------ */
    /*switcher*/
    --theme-switch_default-normal--color: var(--theme--color);
    --theme-switch_default-normal--background: transparent;
    --theme-switch_default-normal--border-color: var(--theme-input_border-color);
    --theme-switch-marker-canvas_default-selected--background: var(--theme-accent--color);
    /*textarea*/
    --theme-textarea_default-normal--color: var(--theme--color);
    --theme-textarea_default-normal--background: var(--theme-input--background);
    --theme-textarea_default-normal--border-color: var(--theme-input--background);
    --theme-textarea-label_default-normal--color: var(--theme--color);
    --theme-textarea_default-focus--background: var(--theme-input--background);
    --theme-textarea_default-focus--border-color: var(--theme-accent--color);
    /*alerts*/
    --theme-alert-info--background: #ccd4f5;
    --theme-alert-warning--background: #ffe4b8;
    --theme-alert-error--background: #f6d1d1;
    --theme-alert-success--background: #dff0d8;
    --theme-pre-border-color: #ffffff;
    /*checkbox*/
    --theme-checkbox-radius: 3px;
    /*badge*/
    --theme-badge--background: #fff;
    --theme-badge--color: #646169;

    /* badge detailed variables */
    --theme-badge-accent--background-color: #e0ebff;
    --theme-badge-accent--color: #2849eb;
    --theme-badge-accent--border-color: #759aff;

    --theme-badge-warning--background-color: #fff8ed;
    --theme-badge-warning--color: #c54a09;
    --theme-badge-warning--border-color: #ffbd67;

    --theme-badge-danger--background-color: #fff1f2;
    --theme-badge-danger--color: #c2131a;
    --theme-badge-danger--border-color: #ffa0a4;

    --theme-badge-success--background-color: #edfcf3;
    --theme-badge-success--color: #0d6f49;
    --theme-badge-success--border-color: #78ddaa;

    --theme-badge-muted--background-color: #f7f7f7;
    --theme-badge-muted--color: #757575;
    --theme-badge-muted--border-color: #d9d9d9;

    --theme-badge-important-danger--background-color: #f93a41;
    --theme-badge-important-danger--color: #fff1f2;
    --theme-badge-important-danger--border-color: #f93a41;

    --theme-badge-important-success--background-color: #1fb272;
    --theme-badge-important-success--color: #edfcf3;
    --theme-badge-important-success--border-color: #1fb272;

    --theme-badge-important-warning--background-color: #fc7f13;
    --theme-badge-important-warning--color: #fff8ed;
    --theme-badge-important-warning--border-color: #fc7f13;

    /*  // FUDOUI -------------------- */

    /* others */
    --theme-sessions-icon--background: #e5e5ec;

    --theme--dropdown--shadow-color: 27, 7%, 50%, 0.19;
    --theme--dropdown-large--shadow: 1px 2px 2px hsla(var(--theme--dropdown--shadow-color)),
    0 2px 8px hsla(var(--theme--dropdown--shadow-color)),
    0 6px 16px hsla(var(--theme--dropdown--shadow-color)),
    0 12px 32px hsla(var(--theme--dropdown--shadow-color));

    --theme-control-border-dashboard-color: var(--theme-accent--color);

    --theme-user-chat-message--background: var(--theme-nav--background);

    --theme-panel--background: #e2e2e7;

    --theme-progress--border-radius: 4px;

    --theme-btn-primary-hover--text-color: #adadad;

    --theme-counter--background: #dfe3f6;

    --theme-highlight-active--background: rgba(223, 227, 246, 0.4); /* #DFE3F6 or #43434d */

    /* FUDO SECTIONS -------------- */

    --theme-sections-header: #EDEDF1;
    --theme-sections-content: #FFFFFF;
    --theme-section-border-color: #ddd;
    --theme-section-users-label-color: #727272;
    --theme-section-user-color: #000000;

    /* Menu */
    --theme-menu-backdrop-background: #fff;
    --theme-menu-backdrop-background--hover: #f1f1f3;
    --theme-menu-backdrop-color: #515151;

    --fuui-icon-primary: #B5B7C9;

    /* toggle */
    --theme-toggle-btn--background: #f3f3f3;;
    --theme-toggle-btn--text-color: #868686;
    --theme-toggle-btn-active--background: #fff;
    --theme-toggle-btn-active--text-color: #333333;
}