:root {
    --nx-box-soft-backcolor: #eaeef7;
    --nx-box-soft-bordercolor: #e2e6f0;
    --nx-color-primary: #687aae;
    --nx-color-primary-hover: #414e76;
    --nx-color-secondary: #f7bc0a;
    --nx-text-general-color: #5972ae;
    --nx-text-general-neg-color: white;
    --nx-text-general-highlight-color: navy;
    --nx-link-general-color: #4f72c6;
    --nx-link-general-color-hover: royalblue;
    --nx-sec-title-color: var(--nx-color-primary, dimgray);
    --nx-sec-subtitle-color: var(--nx-text-general-color, dimgray);
    --nx-text-title-color: var(--nx-text-general-color, dimgray);
    --nx-text-title-highlight-color: var(--nx-text-general-highlight-color, black);
    --nx-text-subtitle-color: var(--nx-text-general-color, dimgray);
    --nx-cta-backcolor: var(--nx-box-soft-backcolor, whitesmoke);
    --nx-cta-bordercolor: var(--nx-box-soft-backcolor, whitesmoke);
    --nx-cta-text-color: var(--nx-text-general-color, navy);
    --nx-cta-backcolor-hover: var(--nx-color-primary, #6d6da2);
    --nx-cta-bordercolor-hover: var(--nx-color-primary, #6d6da2);
    --nx-cta-text-color-hover: var(--nx-text-general-neg-color, white);
    --nx-navmenu-backcolor: #3e3e6ce6;
    --nx-footer-backcolor: #36364d;
}

/* BSXs */
:root {
    --bsx-table-hover-color: var(--nx-box-soft-backcolor, whitesmoke);
    --bsx-formcontrol-text-color: var(--nx-text-general-color, #666582);
    --bsx-formcontrol-text-color-focus: var(--panel-text-typical-color-highlight);
    --bsx-tab-text-inactive: var(--panel-text-typical-color);
    --bsx-formcontrol-border-color: #b2b7d0;
    --bsx-formcontrol-outline-color: rgba(103, 129, 170, 0.2);
    --bsx-toolbar-btn-light-backcolor: white;
    --bsx-toolbar-btn-light-backcolor-hover: #e9ecf7;
    --bsx-toolbar-btn-semilight-backcolor: #f0f0f4;
    --bsx-toolbar-btn-semilight-backcolor-hover: #d5d5e1;
    --bsx-toolbar-btn-semilight-border-color: #cfd2df;
    --bsx-toolbar-btn-semilight-border-color-hover: #babdca;
    --bsx-toolbar-btn-light-border-color: #d4d8e8;
    --bsx-toolbar-btn-light-border-color-hover: #d1d4e1;
    --bsx-toolbar-btn-color: #3d5982;
    --bsx-toolbar-btn-color-hover: #152d51;
    --bsx-toolbar-btn-outline-color: rgba(103, 129, 170, 0.4);
    --bsx-opration-btn-backcolor: var(--nx-color-primary,royalblue);
    --bsx-opration-btn-backcolor-hover: var(--nx-color-primary-hover,navy);
}