:root {
    --rz-text-font-family: var(--gf-font-sans);
    --rz-body-font-size: 13.5px;
    --rz-body-background-color: var(--gf-bg);
    --rz-base-background-color: var(--gf-surface);
    --rz-text-color: var(--gf-ink);
    --rz-text-title-color: var(--gf-ink);
    --rz-text-secondary-color: var(--gf-muted);
    --rz-text-tertiary-color: var(--gf-muted);
    --rz-primary: var(--gf-primary);
    --rz-primary-dark: var(--gf-primary-hover);
    --rz-primary-darker: var(--gf-primary-hover);
    --rz-primary-light: var(--gf-primary-soft);
    --rz-primary-lighter: var(--gf-alert-bg);
    --rz-secondary: var(--gf-ink);
    --rz-secondary-dark: var(--gf-ink-hover);
    --rz-secondary-darker: var(--gf-ink-hover);
    --rz-secondary-light: var(--gf-muted);
    --rz-secondary-lighter: var(--gf-neutral-bg);
    --rz-success: var(--gf-success);
    --rz-success-lighter: var(--gf-success-bg);
    --rz-warning: var(--gf-warning);
    --rz-warning-lighter: var(--gf-warning-bg);
    --rz-danger: var(--gf-alert);
    --rz-danger-lighter: var(--gf-alert-bg);
    --rz-border-radius: var(--gf-radius-ctrl);
    --rz-border-normal: 1px solid var(--gf-border);
    --rz-border-hover: 1px solid var(--gf-on-dark);
    --rz-border-focus: 1px solid var(--gf-ink);
    --rz-border-disabled: 1px solid var(--gf-border-subtle);
    --rz-input-border-radius: var(--gf-radius-ctrl);
    --rz-input-shadow: none;
    --rz-input-hover-shadow: none;
    --rz-input-focus-shadow: none;
    --rz-grid-border: none;
    --rz-grid-border-radius: 0;
    --rz-grid-shadow: none;
    --rz-grid-data-border-shadow: none;
    --rz-grid-background-color: var(--gf-surface);
    --rz-grid-header-background-color: var(--gf-border-subtle);
    --rz-grid-header-color: var(--gf-muted);
    --rz-grid-header-font-size: 11px;
    --rz-grid-header-font-weight: 600;
    --rz-grid-header-text-transform: uppercase;
    --rz-grid-header-cell-border: none;
    --rz-grid-header-cell-border-bottom: 1px solid var(--gf-border);
    --rz-grid-header-sorted-background-color: var(--gf-border-subtle);
    --rz-grid-cell-border: none;
    --rz-grid-bottom-cell-border: 1px solid var(--gf-border-subtle);
    --rz-grid-right-cell-border: none;
    --rz-grid-cell-color: var(--gf-ink);
    --rz-grid-cell-font-size: 13.5px;
    --rz-grid-cell-padding: 12px 18px;
    --rz-grid-header-cell-padding: 10px 18px;
    --rz-grid-hover-background-color: var(--gf-bg);
    --rz-grid-hover-color: var(--gf-ink);
    --rz-grid-selected-background-color: var(--gf-bg);
    --rz-grid-selected-color: var(--gf-ink);
    --rz-grid-sort-icon-color: var(--gf-muted);
    --rz-grid-stripe-background-color: var(--gf-surface);
    --rz-grid-stripe-odd-background-color: var(--gf-surface);
    --rz-grid-foot-background-color: var(--gf-surface);
    --rz-grid-foot-cell-color: var(--gf-muted);
    --rz-grid-filter-background-color: var(--gf-surface);
    --rz-grid-loading-indicator-background-color: var(--gf-surface);
    --rz-grid-loading-indicator-background-opacity: .6;
    --rz-grid-loading-indicator-color: var(--gf-muted);
}

.rz-datatable-loading,
.rz-datatable-loading-content {
    animation: gf-apparition .2s ease .25s backwards;
}

.rz-datatable .rz-datatable-thead th .rz-column-title {
    letter-spacing: 0.06em;
}

.rz-datatable .rz-data-row.rz-datatable-row-hover,
.rz-datatable .rz-data-row:hover {
    cursor: pointer;
}

.rz-datatable .rz-datatable-emptymessage td {
    color: var(--gf-muted);
    text-align: center;
    padding: 36px 18px;
}

.rz-button {
    box-shadow: none;
    font-weight: 600;
    letter-spacing: 0;
}

.rz-button.rz-secondary,
.rz-button.rz-light,
.rz-button.rz-base {
    background: var(--gf-surface);
    color: var(--gf-ink);
    border: 1px solid var(--gf-border);
    font-weight: 500;
}

.rz-button.rz-secondary:not(:disabled):hover,
.rz-button.rz-light:not(:disabled):hover,
.rz-button.rz-base:not(:disabled):hover {
    background: var(--gf-surface);
    color: var(--gf-ink);
    border-color: var(--gf-on-dark);
}

.rz-button.rz-primary:not(:disabled):hover {
    background: var(--gf-primary-hover);
}

.rz-textbox, .rz-numeric, .rz-dropdown {
    background: var(--gf-surface);
}

.rz-notification-item {
    box-shadow: none;
    border: 1px solid var(--gf-border);
    border-radius: var(--gf-radius-card);
}
