@import url('dpmp-ui-components.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');
@import url('global-styles.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;

}