:root {
  --primary-color: #002cb7;
  --primary-hover-color: #1b4ae6;
  --text-color: #334155;
  --text-color-secondary: #64748b;
  --link-color: var(--primary-color);
  --topbar-color: #ffffff;
  --topbar-mobile-color: var(--text-color);

  --warn-color: var(--primary-color);
  --warn-background: #ffac66;
  --error-color: #a93232;

  --hr-color: #e2e5ff;

  --button-primary-border: #4a79ba;
  --button-primary-color: #2f578f;
  --button-primary-background: #ffffff;
  --button-primary-hover-background: var(--button-primary-border);
  --button-primary-hover-color: var(--button-primary-background);
  --button-secondary-border: #cfd5ff;
  --button-secondary-color: var(--text-color);
  --button-secondary-background: #ffffff;
  --button-secondary-hover-background: var(--button-secondary-border);
  --button-secondary-hover-color: var(--text-color);
  --button-selection-color: var(--primary-color);
  --button-selection-background: var(--table-row-selected-background);
  --button-selection-hover-border: var(--primary-color);
  --button-none-color: var(--text-color);
  --button-none-hover-border: var(--text-color-secondary);
  --button-error-border: var(--error-color);
  --button-error-color: var(--error-color);
  --button-error-background: #ffffff;
  --button-error-hover-background: #ffffff;
  --button-error-hover-color: #d0d0d0;

  --netmore-tablist-background: #f5f4ff;
  --netmore-tablist-border-color: #d6d5ff;
  --netmore-tab-color: var(--primary-color);
  --netmore-active-tab-color: #ffffff;
  --netmore-active-tab-background: var(--primary-color);

  --settings-popup-category-hover-background: #fafaff;
  --settings-popup-category-active-background: #e2e5ff;
  --settings-popup-category-border-color: #cfd5ff;

  --dialog-background: #ffffff;
  --dialog-border-color: #e2e8f0;

  --table-header-selected-background: #e2e5ff;
  --table-row-selected-background: #e2e5ff;
  --table-row-selected-color: var(--primary-color);

  --paginator-page-selected-background: var(--primary-color);
  --paginator-page-selected-color: #ffffff;

  --option-hover-background: #e2e5ff;
  --option-selected-background: #fafaff;

  --details-menu-background: #ffffff;
  --details-menu-selected-background: #e5e7eb;
  --details-menu-hover-background: #fafaff;

  --card-border-color: #cfd5ff;
  --card-background-color: #fafaff;
  --card-primary-background: #fafaff;
  --card-divider-color: var(--card-border-color);

  --selection-actions-color: var(--primary-color);
  --selection-actions-background: var(--table-row-selected-background);

  --chip-text-color: var(--text-color);
  --chip-background: #cfd5ff;
}