/* Import your application global css files here or add the styles directly to this file */
@import url("global/button.css");
@import url("global/menu-item.css");
@import url("global/grid.css");
@import url("global/icon.css");
@import url("global/dialog.css");
@import url("global/upload.css");

html {
    --lumo-primary-color: #e58a17;
    --lumo-primary-color-10pct: #fcf3e8;
    --lumo-primary-color-50pct: #f2c48b;
    /*--lumo-primary-color-10pct-darker: #ce7c15;
    --lumo-primary-color-50pct-darker: #72450c;*/

    --lumo-base-color: white;
    --lumo-base-secondary-color: #333c4d;
    --lumo-base-tertiary-color: #707A98;

    --lumo-primary-text-color: black;
    --lumo-success-color: #80AB7D;
    --lumo-error-color: #ac3931;
}

.readonly-light {
    color: lightgray !important;
    border-color: lightgray !important;
    cursor: default !important;
}

.readonly-dark {
    color: gray !important;
    border-color: gray !important;
    cursor: default !important;
}

.custom-highlight {
    /* Emulated from the inner vaadin class 'focus-ring' */
    box-shadow: 0 0 0 0 var(--lumo-base-color), 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
}