/* This must overwrite UI framework CSS custom properties */
:root {
    /* Base Texwin Colors */
    /* Don't use them directly - re-assign Radzen/Mud css custom properties */
    /* (mixing with white, black and transparent is allowed) */
    --texwin-base-color-red: #ef3b42;
    --texwin-base-color-blue: #313b97;
    --texwin-base-color-green: #22c55e;
    --texwin-base-color-muted: #f2f2f2;
    /* *** */
    /* Rest of the colors should be relative at some point: */
    --rz-primary: var(--texwin-base-color-red);
    --rz-info-darker: var(--texwin-base-color-blue);
    --mud-palette-primary: var(var(--texwin-base-color-blue));
    --rz-success: var(--texwin-base-color-green);
    --rz-text-font-family: PlusJakartaSans;
    --cust-background: var(--texwin-base-color-muted);
    --cust-background-light: color-mix(in srgb, var(--cust-background) 50%, white);
    --rz-primary-light: color-mix(in srgb, var(--rz-primary) 95%, white);
    --rz-on-primary-lighter: color-mix(in srgb, var(--rz-primary) 74.9%, white);
    --rz-primary-lighter: color-mix(in srgb, var(--rz-primary) 49%, white);
    --rz-secondary: #5c5b5b;
    --rz-secondary-light: #575656;
    --rz-secondary-lighter: #A5A5A5;
    --rz-on-secondary-lighter: #A5A5A5;
    --app-header-height: 56px;
    --rz-grid-selected-background-color: var(--rz-dropdown-item-selected-background-color);
    --rz-grid-selected-color: var(--rz-text-color);
    --fui-bg1: var(--cust-background);
    --fui-bg2: color-mix(in srgb, var(--fui-bg1) 94.6%, black); /* #575757 */
    --fui-bg3: color-mix(in srgb, var(--fui-bg1) 53.8%, white); /* #f9f9f9 */
    --fui-bg4: color-mix(in srgb, var(--rz-secondary) 15.5%, white); /* #e5e5e5 */
    --rz-pager-button-border-radius: 0.5rem !important;
    --rz-pager-numeric-button-selected-background-color: transparent !important;
    --rz-pager-numeric-button-selected-border: 1px solid var(--rz-base-500) !important;
    --rz-pager-numeric-button-selected-color: var(--rz-text-color) !important;
    --rz-switch-checked-background-color: var(--rz-secondary-light) !important;
    --rz-switch-checked-circle-background-color: white !important;
    --rz-dropdown-item-selected-background-color: var(--fui-bg1) !important;
    --rz-dropdown-item-selected-hover-background-color: var(--fui-bg2) !important;
    --rz-dropdown-item-selected-color: var(--rz-text-color) !important;
    --rz-dropdown-item-selected-hover-color: var(--rz-text-color) !important;
    --rz-form-field-label-focus-color: var(--rz-text-color) !important;
    --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-text-color) !important;
    --rz-icon-font-family: 'lucide';
    --tx-red: #dc2626;
    --tx-yellow: #fff0a7;
    --tx-green: #eeffd8;
    --tx-orange: #ffcfae;
    --tx-blue: #b9ddff;
    --tx-gray: #d7d6dd;
}