:root {
    /* Base colors, shouldn't be used directly outside of this file. */
    --ui-base-color-red300: #BB6969;
    --ui-base-color-red400: #EF3333;
    --ui-base-color-red500: #EB0000;
    --ui-base-color-red600: #CE0101;
    --ui-base-color-red700: #8E0505;
    --ui-base-color-red800: #660909;

    --ui-base-color-grey900: #1F1F1F;
    --ui-base-color-grey800: #717274;
    --ui-base-color-grey400: #D8D8D8;
    --ui-base-color-grey300: #DADAD9;
    --ui-base-color-grey200: #eeeeed;
    --ui-base-color-grey100: #F5F5F5;

    --ui-base-color-green600: #0B7338;

    --ui-base-color-orange500: #EC6607;

    --ui-base-color-white: #FFFFFF;

    --ui-base-color-pink: #f79999;

    --ui-scan-document-filter-opacity: 1;

    --ui-base-color-black: #121212;
    --ui-base-color-black-transparent: rgba(0, 0, 0, 0.35);
    --ui-base-color-red-transparent: rgba(235, 0, 0, 0.3);
    --ui-base-color-white-transparent: rgba(255, 255, 255, 0.5);
    --ui-paper-button-unchecked-color: #999999;

    --adv-banners-title-color: var(--ui-color-primary);

    /* Application-wide colors */
    --ui-color-primary: var(--ui-base-color-red500);
    --ui-color-heading1: var(--ui-base-color-red500);
    --ui-color-heading2: var(--ui-base-color-red500);
    --ui-color-heading3: var(--ui-base-color-red500);
    --ui-color-primary-darken: var(--ui-base-color-red700);
    --ui-color-primary-lighten: var(--ui-base-color-red500);
    --ui-color-primary-contrast: var(--ui-base-color-white);

    --ui-avatar-cropper-initials-background: var(--ui-base-color-grey100);

    --ui-color-filechooser-empty: var(--ui-base-color-white);

    --ui-color-primary-darken-checkbox: var(--ui-base-color-red700);

    --ui-color-tetriary: var(--ui-base-color-grey200);
    --ui-color-tetriary-lighten: var(--ui-base-color-grey100);
    --ui-color-tetriary-darken: var(--ui-base-color-grey300);
    --ui-color-tetriary-contrast: var(--ui-base-color-red600);

    --ui-color-background: var(--ui-base-color-white);
    --ui-color-background-contrast: var(--ui-base-color-grey900);
    --ui-color-background-contrast-lighten: var(--ui-base-color-grey100);
    --ui-color-background-contrast-secondary: var(--ui-base-color-grey800);
    --ui-color-background-contrast-highlighted: var(--ui-base-color-red700);
    --ui-color-background-contrast-transparent: var(--ui-base-color-white-transparent);
    --ui-color-backdrop: var(--ui-base-color-grey400);

    --ui-color-background-contrast-highlighted-premium-development: var(--ui-color-background-contrast-highlighted);

    --ui-color-shadow: var(--ui-base-color-white-transparent);

    --ui-color-surface: var(--ui-base-color-white);
    --ui-color-surface-contrast: var(--ui-base-color-grey900);
    --ui-color-surface-contrast-secondary: var(--ui-base-color-grey800);

    --ui-color-text-primary: var(--ui-color-background-contrast);
    --ui-color-text-secondary: var(--ui-color-background-contrast-secondary);
    --ui-color-text-secondary-light: var(--ui-color-background-contrast-secondary);
    --ui-color-text-highlighted: var(--ui-color-background-contrast-highlighted);

    --ui-color-avatar-active: var(--ui-base-color-red500);

    --ui-color-error: var(--ui-base-color-red500);
    --ui-color-error-dark: var(--ui-base-color-red600);
    --ui-color-error-darken: var(--ui-base-color-red800);
    --ui-color-error-contrast: var(--ui-base-color-grey100);

    --ui-color-border: var(--ui-base-color-grey300);
    --ui-color-border-light: var(--ui-base-color-grey200);
    --ui-color-border-focused: var(--ui-base-color-grey900);
    --ui-premium-border-color: var(--ui-base-color-grey400);

    --ui-color-navigation-primary: var(--ui-color-text-primary);
    --ui-color-navigation-primary-hover: var(--ui-color-primary);
    --ui-color-button-hover: var(--ui-color-primary);

    /* for specific elements: */
    --ui-benefits-button-color: var(--ui-color-primary-darken);
    --ui-benefits-button-hover-color: var(--ui-color-primary);
    --ui-icon-color-alternative: var(--ui-color-primary-darken);
    --ui-event-text-color: var(--ui-base-color-grey900);
    --ui-subtitle-color: var(--ui-color-text-primary);

    --ui-cost-sharing-card-button-color: var(--ui-color-primary-contrast);
    --ui-cost-sharing-card-surface-color: var(--ui-color-primary-darken);
    --ui-cost-sharing-card-progress-color: var(--ui-color-primary-contrast);
    --ui-cost-sharing-card-progress-container-color: rgba(31, 31, 31, 0.24);

    --ui-color-ripple-effect: var(--ui-base-color-red-transparent);

    --ui-button-primary-hover-color: var(--ui-color-primary-contrast);
    --ui-button-tetriary-text-color: var(--ui-color-text-highlighted);
    --ui-button-secondary-border-color: var(--ui-color-text-highlighted);
    --ui-button-secondary-text-color: var(--ui-color-text-highlighted);


    --ui-notification-error-background: var(--ui-color-primary-darken);
    --ui-notification-error-text-color: var(--ui-color-error-contrast);
    --ui-notification-error-icon-color: var(--ui-color-error-contrast);

    --ui-color-footer-link: var(--ui-color-primary-contrast);
    --ui-color-footer-link-hover: var(--ui-base-color-pink);
    --ui-footer-background: var(--ui-color-primary-darken);

    --ui-color-document-thumbnail-progress: var(--ui-base-color-green600);
    --ui-color-icon-income: var(--ui-base-color-green600);
    --ui-color-icon-outcome: var(--ui-base-color-orange500);
    --ui-color-icon-infobox: var(--ui-base-color-grey800);
    --ui-color-icon-unread-event: transparent;
    --ui-color-unread-event: var(--ui-base-color-red500);
    --ui-color-premium-icon: transparent;
    --ui-color-premium-icon-border: var(--ui-color-primary-darken);

    --ui-color-insured-product-progress-color: var(--ui-color-primary-darken);
    --ui-color-insured-product-progress-container-color: var(--ui-color-backdrop);
    --ui-insured-object-premium-background: var(--ui-color-tetriary-lighten);

    --ui-avatar-text-color: var(--ui-color-tetriary-contrast);
    --ui-avatar-background-color: var(--ui-color-tetriary);
    --ui-avatar-border-color: var(--ui-color-backdrop);
    --ui-color-contact-text: var(--ui-color-primary-darken);
    --ui-contact-button-background: var(--ui-color-background);
    --ui-unchecked-paper-toggle-button-color: var(--ui-paper-button-unchecked-color);
    --ui-paper-button-toggled-border-background-color: var(--ui-color-primary);
    --ui-franchise-button-background: var(--ui-base-color-white);
    --ui-color-heading4: var(--ui-base-color-grey900);
    --ui-contact-phone-number: var(--ui-color-primary-darken);
    --ui-person-view-background-checked-color: var(--ui-color-primary);
    --ui-contact-button-icon-color: var(--ui-icon-color);
    --ui-contact-button-icon-color-hover: var(--ui-color-button-hover);
    --ui-date-picker-color-background: var(--ui-color-primary);
    --ui-message-box-highlited-text-color: var(--ui-color-primary-lighten);
    --paper-checkbox-checked-color:  var(--ui-color-primary-darken);
    --notification-modal-button-background-color:  var(--ui-color-primary-darken);

    --ui-person-view-date-selected-color: var(--ui-base-color-white);
    --ui-person-view-name-selected-color: var(--ui-base-color-white);
    --date-picker-date-item-color: var(--ui-color-surface-contrast-secondary);
    --prod-code-renderer-icon-hover-color: var(--ui-color-primary);
}