@import "theme-editor.css";
@import url('./main-layout.css');
@import url('./views/login-view.css');
@import url('./views/dashboard-view.css');
@import url('./components/vaadin-password-field.css');
@import url('./components/vaadin-text-field.css');
@import url('./components/vaadin-text-area.css');
@import url('./views/inventory-view.css');
@import url('./views/access-control-view.css');
@import url('./views/medicines-view.css');
@import url('./views/users-view.css');
@import url('./views/session-dialog.css');
@import url('./views/pharmacy-info-view.css');
@import url('./views/sales-view.css');
@import url('./views/user-profile.css');
@import url('./views/page-404-view.css');
@import url('./views/reports-view.css');
@import url('./sub-layout.css');
@import url('./views/superadmin-view.css');
@import url('./views/notifications-view.css');    html {
      --lumo-primary-color-50pct: hsla(273, 67%, 42%, 0.5);
      --lumo-primary-color-10pct: hsla(273, 67%, 42%, 0.1);
      --default-text-color:  #758699;
      --green-text-color: rgb(15, 174, 147);
      --view-color: #f5f7fa;
      --app-background-color: #614889;
      --lumo-primary-color: hsl(273, 67%, 42%);
      --lumo-primary-text-color: hsl(214, 97%, 24%);
      --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-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-body-text-color: hsla(214, 12%, 23%, 0.94);
    }

/* Responsive MenuBar styles */
@media (max-width: 480px) {
  vaadin-menu-bar {
    min-width: 0;
    flex-grow: 1;
  }
}

@media (min-width: 481px) {
  vaadin-menu-bar {
    width: auto;
  }
}