/* ==========================================================================
   Radzen Vendor Tokens
   ========================================================================== */

:root {
    /* Theme Colors */
    --rz-base-600: var(--placeholder-gray);

    /* Theme Constants */
    --rz-border-width: 1px;
    --rz-body-font-size: var(--font-size-sm);
    --rz-body-line-height: 1.5;
    --rz-body-background-color: var(--rz-base-100);
    --rz-text-font-family: var(--font-body);
    --rz-outline-offset: var(--spacing-xs);
    --rz-outline-width: var(--spacing-xs);
    --rz-outline-color: var(--secondary-color);

    /* Button */
    --rz-button-line-height: initial;
    --rz-button-vertical-align: middle;
    --rz-button-disabled-opacity: 0.6;
    --rz-button-empty-opacity: 0.4;

    /* Checkbox */
    --rz-checkbox-border-width: 1px;

    /* DatePicker */
    --rz-datepicker-trigger-icon-hover-color: var(--secondary-color);
    --rz-datepicker-year-dropdown-width: 6rem;

    /* Dialog */
    --rz-dialog-title-font-weight: normal;
    --rz-dialog-title-letter-spacing: normal;

    /* DropDown */
    --rz-dropdown-trigger-icon-width: 1.1875rem;
    --rz-dropdown-trigger-icon-height: 1.1875rem;
    --rz-dropdown-item-padding: var(--spacing-sm) var(--input-padding-x);
    --rz-dropdown-item-font-size: var(--font-size-sm);
    --rz-dropdown-item-hover-background-color: var(--secondary-active);
    --rz-dropdown-item-selected-background-color: var(--secondary-color);

    /* Fieldset */
    --rz-fieldset-legend-color: var(--disabled-gray);
    --rz-fieldset-legend-font-size: var(--font-size-sm);

    /* Grid */
    --rz-grid-cell-padding: var(--spacing-sm) var(--spacing-md);
    --rz-grid-cell-color: #48606c;
    --rz-grid-cell-font-size: var(--font-size-sm);
    --rz-grid-cell-line-height: 2;
    --rz-grid-header-font-weight: var(--font-weight-normal);
    --rz-grid-filter-control-height: var(--input-height);
    --rz-grid-filter-control-line-height: var(--input-line-height);
    --rz-grid-filter-control-font-size: var(--font-size-xs);
    --rz-grid-filter-control-padding-block: var(--input-padding-y);
    --rz-grid-selected-color: var(--white);

    /* Icon */
    --rz-icon-font-family: var(--font-icons);
    --rz-icon-size: var(--icon-size-md);

    /* Input */
    --rz-input-font-size: var(--font-size-sm);
    --rz-input-height: var(--input-height);
    --rz-input-padding-block: 0;
    --rz-input-padding-inline: 0;
    --rz-input-disabled-color: var(--text-primary);

    /* Panel */
    --rz-panel-background-color: var(--rz-base-background-color);
    --rz-panel-padding: var(--spacing-md);
    --rz-panel-title-line-height: 1.25rem;
    --rz-panel-title-font-weight: var(--font-weight-medium);
    --rz-panel-content-margin: 0;
    --rz-panel-toggle-icon-width: var(--rz-icon-size);
    --rz-panel-toggle-icon-height: var(--rz-icon-size);
    --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-toggle-icon-border-radius: var(--border-radius-sm);
    --rz-panel-toggle-icon-background-color: var(--rz-base-200);
    --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus);
    --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset);
    --rz-panel-hover-color: var(--rz-secondary);
    --rz-panel-border-radius: var(--rz-border-radius);
    --rz-panel-shadow: none;

    /* Scheduler */
    --rz-scheduler-toolbar-title-font-size: inherit;
    --rz-scheduler-toolbar-title-font-weight: inherit;
    --rz-scheduler-toolbar-title-color: var(--placeholder-gray);
    --rz-scheduler-prev-next-button-background-color: var(--secondary-color);
    --rz-scheduler-prev-next-button-font-size: var(--font-size-xs);
    --rz-scheduler-today-button-padding: var(--spacing-sm) var(--spacing-md);
    --rz-scheduler-today-button-font-size: var(--font-size-xs);
    --rz-scheduler-event-background-color: transparent;
    --rz-scheduler-event-font-size: var(--font-size-xs);
    --rz-scheduler-event-line-height: 0.75rem;
    --rz-scheduler-event-content-padding: var(--spacing-sm);

    /* SelectBar */
    --rz-selectbar-background-color: var(--rz-base-background-color);

    /* Tabs */
    --rz-tabs-border: solid 0.0625rem var(--border-gray-lighter);
    --rz-tabs-tab-font-weight: var(--font-weight-medium);
    --rz-tabs-tab-background-color: var(--light-gray);
}