@import url('./main-layout.css');
@import url('./views/card-list-view.css');
@import url('./views/master-detail-view.css');
@import url('./views/address-form-view.css');
@import url('./views/checkout-form-view.css');
@import url('./views/gridwith-filters-view.css');


/* The followings are different background colors for grid */
vaadin-grid.styling::part(background-primary-10) {/* light blue */
   background-color: var(--lumo-primary-color-10pct);
}

vaadin-grid.styling::part(background-error-10) {/* light red */
   background-color: var(--lumo-error-color-10pct);
}

vaadin-grid.styling::part(background-warning-10) {/* light orange */
   background-color: var(--lumo-warning-color-10pct);
}

vaadin-grid.styling::part(background-success-10) {/* light green */
   background-color: var(--lumo-success-color-10pct);
}

vaadin-grid.styling::part(background-success-50) {/* medium green */
   background-color: var(--lumo-success-color-50pct);
}

vaadin-grid.styling::part(font-weight-bold) {/* make font bold face */
    font-weight: bold;
}

vaadin-grid.styling::part(lumo-shade-10pct) {/* light gray */
   background-color: var(--lumo-shade-10pct);
}

vaadin-grid.styling::part(inactive-row) {/* voided invoice color */
   background-color: var(--lumo-shade-10pct); /* Light gray background */
   color: var(--lumo-shade-50pct); /* Dark gray text */
}

/* HoursView hex colors */
vaadin-grid.styling::part(hoursview-green) {
   background-color: #a7d1a7;
}

vaadin-grid.styling::part(hoursview-red) {
   background-color: #ffcccc;
}

vaadin-grid.styling::part(neon-orange) {
   background-color: #ff9d5c;
}

vaadin-grid.styling::part(neon-red) {
   background-color: #ff3131;
}

/* Uncomment the following code to make it size and spacing small */
    html {
      --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-size-xl: 3rem;
      --lumo-size-l: 2.5rem;
      --lumo-size-m: 2rem;
      --lumo-size-s: 1.75rem;
      --lumo-size-xs: 1.5rem;
    }