:root {
    /* Radzen Colors Overwrite*/

    --rz-primary: var(--primary) !important;
    --rz-primary-lighter: var(--secondary-container) !important;
    --rz-on-primary-lighter: var(--on-secondary-container) !important;
    --rz-base-background-color: var(--surface) !important;
    --rz-border-width: 0.0625rem !important;
    --rz-border-radius: 0.25rem !important;
    --rz-pager-padding: 1rem 1.5rem !important;
    --rz-border-normal: var(--rz-border-width) solid var(--outline) !important;
    --rz-border-hover: var(--rz-border-width) solid var(--outline);
    --rz-overlay-background-color: var(--surface-container-low) !important;
    --rz-grid-filter-buttons-background-color: var(--surface-container-low) !important;
    --rz-grid-clear-filter-button-background-color: var(--secondary-container) !important;
    --rz-grid-clear-filter-button-color: var(--on-secondary-container) !important;
    --rz-grid-apply-filter-button-background-color: var(--secondary-container) !important;
    --rz-grid-apply-filter-button-color: var(--on-secondary-container) !important;
    --rz-dropdown-open-background-color: var(--surface-container-low) !important;
    --rz-dropdown-item-hover-background-color: var(--active) !important;
    --rz-pager-numeric-button-selected-color: var(--on-secondary-container) !important;
    --rz-pager-numeric-button-hover-background-color: var(--active) !important;
    --rz-pager-numeric-button-hover-color: var(--on-surface) !important;
    --rz-input-placeholder-color: var(--rz-text-color) !important;
}