/**
 * Fundamental scheme definitions like fonts, colors, basic styling variables
 */

:root {
    font-size: var(--scl-font-size-16);
    --background: var(--scl-color-white);
    --shadow: 0px 2px 9px rgba(0, 0, 0, 0.15);
    --telekom-color-text-and-icon-additional: hsla(0, 0%, 0%, 0.65); /** overwrite dorkmode value for breadcrumb **/
    --border-color-readonly: var(--telekom-color-ui-border-disabled);
    --background-readonly: var(--telekom-color-ui-disabled);
    --offset: 2px;
    --spacing-y: var(--telekom-spacing-composition-space-06);
    --rz-body-font-size: var(--scl-font-size-16);
    --rz-dialog-close-color: #262626;
    --rz-datepicker-year-dropdown-width: 5rem;
    --rz-input-value-color: var(--telekom-color-text-and-icon-standard);
    --rz-secondary: #ededed;
    --rz-on-secondary: #262626;
    --rz-text-contrast-color: #262626;
    --rz-pager-numeric-button-selected-background-color: var(--telekom-color-primary-standard);
    --rz-pager-numeric-button-selected-color: var(--background);
    --rz-border-radius: var(--telekom-radius-standard);
    --rz-body-line-height: 2rem;
    --rz-input-shadow: none;
    --rz-input-hover-shadow: unset;
    --rz-input-focus-shadow: unset;
    --rz-secondary-dark: var(--telekom-color-primary-standard);
    --rz-base-background-color: var(--background);
    --rz-grid-hover-background-color: #f7f9fa;
    --rz-grid-selected-color: var(--background);
    --rz-grid-hover-background-color: #ededed;
    --rz-grid-hover-color: #48606c;
    --rz-base-100: #f7f9fa;
    --rz-body-font-size: var(--scl-font-size-16);
    --rz-tabs-tab-padding: 0.375rem 1.875rem;
    --rz-grid-header-font-weight: var(--scl-font-weight-regular);
    --rz-grid-header-line-height: var(--scl-font-size-40);
    --rz-icon-size: var(--scl-font-size-24);
    --rz-datepicker-calendar-hover-background-color: var(--telekom-color-primary-standard);
    --rz-datepicker-calendar-selected-background-color: var(--telekom-color-primary-standard);
    --rz-datepicker-calendar-hover-color: var(--background);
    --rz-datepicker-calendar-selected-color: var(--background);
    --rz-dropdown-item-hover-background-color: var(--telekom-color-primary-standard);
    --rz-dropdown-item-selected-background-color: var(--telekom-color-primary-standard);
    --rz-dropdown-item-hover-color: var(--background);
    --rz-dropdown-item-selected-color: var(--telekom-color-text-and-icon-inverted-standard);
    --rz-slider-handle-background-color: var(--telekom-color-primary-standard);
    --rz-slider-range-background-color: var(--telekom-color-primary-standard);
    --rz-switch-checked-circle-background-color: var(--background);
    --rz-switch-circle-background-color: var(--background);
    --rz-icon-font-family: 'Material Symbols Outlined';
}