@import url('./fonts/roboto.css');
@import url('./vaadin.css');

html {
  --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-line-height-m: 1.4;
  --lumo-line-height-s: 1.2;
  --lumo-line-height-xs: 1.1;
  --lumo-border-radius: 0.5em;
  --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-primary-color-75pct: rgba(78, 65, 50, 0.75);
  --lumo-primary-color-50pct: rgba(78, 65, 50, 0.5);
  --lumo-primary-color-10pct: rgba(78, 65, 50, 0.1);
  --lumo-primary-color: rgb(78, 65, 50);
  --lumo-primary-contrast-color: #ffffff;
  --lumo-primary-text-color: rgb(78, 65, 50);
  --lumo-base-color: #ffffff;
  --secondary-color: rgb(133, 118, 102);

  /* property grid */
  --rv-vaadin-grid-sorter-indicators-color: white;
  --rv-vaadin-grid-sorter-indicators-color-hover: rgb(78, 65, 90);
  --rv-vaadin-grid-sorter-direction-color: white;
}

[theme~="dark"] {
  --lumo-primary-text-color: rgb(147, 136, 123);
  --lumo-primary-color-75pct: rgba(78, 65, 50, 0.75);
  --lumo-primary-color-50pct: rgba(78, 65, 50, 0.5);
  --lumo-primary-color-10pct: rgba(78, 65, 50, 0.1);
  --lumo-primary-color: rgb(78, 65, 50);
}

/* Begin Vaadin Components */

vaadin-app-layout::part(navbar) {
  background-color: var(--lumo-primary-color);
  color: var(--lumo-primary-contrast-color);
}

vaadin-app-layout::part(drawer) {
  color: white;
  background-color: var(--secondary-color);
}

vaadin-drawer-toggle {
  color: var(--lumo-primary-contrast-color);
}

vaadin-side-nav-item::part(content) {
  background-color: unset;
}

vaadin-side-nav-item::part(content):hover {
  background-color: var(--lumo-primary-color-10pct);
}

vaadin-side-nav-item[current] {
  background-color: var(--lumo-primary-color-10pct);
}

vaadin-side-nav-item.drawer::part(content) {
  color: white;
}

vaadin-side-nav-item.drawer::part(content):hover {
  color: white;
}

vaadin-side-nav-item.drawer::part(link) {
  color: white;
}

vaadin-side-nav-item.drawer::part(link):hover {
  color: white;
}

vaadin-side-nav-item.drawer > vaadin-icon {
  color: white;
}

vaadin-grid::part(first-header-row-cell) {
  color: white;
  --vaadin-grid-cell-background: var(--secondary-color);
}

.grid-companies-selection {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

vaadin-checkbox.input-field-aligned-checkbox {
  margin-top: auto;
  margin-bottom: calc(var(--lumo-size-m) / 4);
}

::part(dark-grid-row) {
  background-color: gray;
  color: white;
}

/* End Vaadin Components */