@import 'core/core.custom.css';
@import 'grid/grid.custom.css';
@import 'schedulerpro/schedulerpro.custom.css';
@import 'calendar/calendar.custom.css';

:root:not(.b-nothing), :host(:not(.b-nothing)) {
  --b-widget-color: var(--color-gray-600);
  --b-widget-padding: .5rem;
  --b-widget-border-radius: .5rem;
  --b-widget-icon-font-family: 'Font Awesome 7 Free';

  --b-grid-header-background: var(--color-neutral-50);
  --b-grid-header-hover-background: var(--color-neutral-100);

  --bi-grid-filter-icon-opacity: .5;
  --bi-grid-filter-icon-size: 1rem;

  --b-button-type-text-color: var(--color-primary-500);
  --b-button-type-text-hover-background: var(--color-primary-100);
  --b-button-icon-only-border-radius: .5rem;
  --b-button-padding-inline: 1rem;

  --b-list-item-focus-background: var(--color-primary-100);

  --b-text-field-border-color: var(--color-primary-500);

  --b-event-resize-handle-inset: 1px;
  --b-event-resize-handle-background: transparent/*#B0B0B0*/;
  --b-event-resize-handle-hover-background: transparent/*#6E6E6E*/;

  --b-calendar-background: var(--color-white);
  --b-calendar-today-background: var(--color-primary-500);
  --b-calendar-today-color: var(--color-white);

  --b-tooltip-rich-color: var(--color-white);
  --b-tooltip-rich-background: var(--color-neutral-500);
  --b-panel-padding: 1rem;

  --b-date-picker-selected-color: var(--color-white);
  --b-date-picker-selected-background: var(--color-primary-500);
  --b-date-picker-date-hover-background: var(--color-primary-600);
}