@import url('global-styles.css');
@import url('components/la2/button-row.css');
@import url('components/la2/dialog.css');
@import url('components/la2/grid.css');
@import url('components/la2/notification.css');
@import url('components/la2/tabs.css');
@import url('components/app-layout/admin-menu.css');
@import url('components/app-layout/app-layout.css');
@import url('components/app-layout/footer.css');
@import url('components/app-layout/header.css');
@import url('components/app-layout/primary-menu.css');
@import url('components/app-layout/section-layout.css');
@import url('components/accept-privacy.css');
@import url('components/add-form-layout.css');
@import url('components/block.css');
@import url('components/ckeditor4.css');
@import url('components/configuration.css');
@import url('components/configuration-editor.css');
@import url('components/cumulated-costs.css');
@import url('components/custom-export-details.css');
@import url('components/danger-block.css');
@import url('components/details.css');
@import url('components/document-info.css');
@import url('components/loading-overlay.css');
@import url('components/download-link.css');
@import url('components/email-category-details.css');
@import url('components/email-scheme-block.css');
@import url('components/error-block.css');
@import url('components/fieldset.css');
@import url('components/form-block.css');
@import url('components/form-layout.css');
@import url('components/grid-block.css');
@import url('components/help-text-wrapper.css');
@import url('components/hint.css');
@import url('components/impact-factor-usage.css');
@import url('components/language-switcher.css');
@import url('components/list-content.css');
@import url('components/list-item.css');
@import url('components/login-block.css');
@import url('components/page-header.css');
@import url('components/popover.css');
@import url('components/password-section.css');
@import url('components/popup-button.css');
@import url('components/pubmed-search-fields.css');
@import url('components/radio-button-group.css');
@import url('components/readonly-textfield-with-link.css');
@import url('components/router-link.css');
@import url('components/split-layout.css');
@import url('components/upload-field.css');
@import url('components/url-field.css');
@import url('components/vertical-process-bar.css');
@import url('components/content-navigation-button-row.css');
@import url('components/review-sub-headline.css');
@import url('components/grid-editor.css');
@import url('components/grid-with-editor.css');
@import url('view/academic-title-content.css');
@import url('view/email-list.css');
@import url('view/reviewThankYou.css');
@import url('view/welcome.css');
@import url('view/correspondence.css');

html {
    --vaadin-button-primary-font-weight: 400;
    --vaadin-button-tertiary-font-weight: 400;
    --vaadin-button-font-weight: 400;
    --vaadin-input-field-error-font-size: var(--lumo-font-size-s);
    --vaadin-input-field-helper-color: var(--lumo-contrast-70pct);
    --vaadin-input-field-autofill-background: var(--lumo-contrast-10pct);

    --lumo-base-color: #FFF;
    --lumo-primary-color: #1E4895;
    --lumo-primary-text-color: var(--lumo-primary-color);
    --lumo-primary-contrast-color: #FFF;
    --lumo-disabled-text-color: var(--lumo-contrast-70pct);
    --lumo-required-field-indicator-color: var(--lumo-error-color);
    --lumo-font-family: Roboto;
    --lumo-clickable-cursor: pointer;
    --lumo-font-size: 1rem;
    --lumo-font-size-xxxl: 1.75rem;
    --lumo-font-size-xxl: 1.375rem;
    --lumo-font-size-xl: 1.125rem;
    --lumo-font-size-l: 1rem;
    --lumo-font-size-m: 0.875rem;
    --lumo-font-size-s: 0.8125rem;
    --lumo-font-size-xs: 0.75rem;
    --lumo-font-size-xxs: 0.6875rem;
    --lumo-size-xl: 3rem;
    --lumo-size-l: 2.5rem;
    --lumo-size-m: 2rem;
    --lumo-size-s: 1.75rem;
    --lumo-size-xs: 1.5rem;
    --lumo-space-xl: 1.875rem;
    --lumo-space-l: 1.25rem;
    --lumo-space-m: 0.625rem;
    --lumo-space-s: 0.3125rem;
    --lumo-space-xs: 0.1875rem;
    --lumo-line-height-m: 1.4;
    --lumo-line-height-s: 1.2;
    --lumo-line-height-xs: 1.1;

    --dpmp-highlight-color: var(--lumo-primary-color);
    --dpmp-highlight-color-contrast: var(--lumo-primary-contrast-color);
    --dpmp-link-color: #0000EE;
    --dpmp-link-hover-color: #0000CC;
    --dpmp-block-border: 1px solid var(--lumo-contrast-30pct);
    --dpmp-block-box-shadow: 2px 2px 15px rgba(188, 188, 188, 0.349019607843137);
    --dpmp-form-block-remove-button-width: 48px;
    --dpmp-content-min-width: 400px;
    --dpmp-content-max-width: 1200px;
    --dpmp-sidebar-width-collapsed: 55px;
    --dpmp-sidebar-width-expanded: 240px;
    --dpmp-focus-outline: 2px dotted var(--lumo-primary-color);
    --dpmp-focus-outline-offset: 2px;
    --dpmp-zindex-highest: 9999;
    --dpmp-filter-welcome-image: opacity(90%) invert(15%);
    --vaadin-button-primary-background: var(--dpmp-highlight-color);

    /*
    TODO Refactoring
    --dpmp-color-background: #F8F9FA;
    --dpmp-color-background-dark: #EEE;
    --dpmp-color-background-sidebar: #FAFAFA;
    */
    --dpmp-color-background-hover: #EDEDED;
    --dpmp-color-gray-darker: #1A1A1A;
    --dpmp-color-gray-dark: #515151;
    --dpmp-color-gray: #666;
    --dpmp-color-gray-light: #797979;
    --dpmp-color-gray-lighter: #BCBCBC;

}