:root {
  --app-orange: #FF3900;
  --app-orange-hover: #F1673F;
  --app-dark-blue: #3F3D54;
  --app-beige: #EBEBEB;
  --app-gray-light: #D9D9D9;
  --app-gray-lightest: #EAEAEA;
}

.fi-body {
  background-color: #ffffff;
  color: var(--app-dark-blue);
}

.fi-main,
.fi-main-ctn,
.fi-simple-layout,
.fi-simple-main,
.fi-simple-main-ctn,
.fi-simple-page,
.fi-simple-page-content,
.fi-simple-header {
  background-color: #ffffff;
}

.fi-main,
.fi-main-ctn,
.fi-simple-layout,
.fi-simple-main,
.fi-simple-main-ctn,
.fi-simple-page,
.fi-simple-page-content,
.fi-simple-header,
.fi-simple-header-heading,
.fi-simple-header-subheading {
  color: var(--app-dark-blue);
}

.fi-topbar-ctn,
.fi-topbar,
.fi-sidebar,
.fi-sidebar-header,
.fi-sidebar-nav,
.fi-sidebar-footer {
  background-color: var(--app-gray-lightest);
}

.fi-topbar,
.fi-sidebar,
.fi-sidebar-header,
.fi-sidebar-nav,
.fi-sidebar-footer,
.fi-main-ctn,
.fi-section,
.fi-ta-ctn,
.fi-ta-table {
  border-color: var(--app-gray-light);
}

.fi-section,
.fi-ta-ctn,
.fi-ta-table,
.fi-fo-text-input,
.fi-fo-textarea,
.fi-fo-select,
.fi-fo-tags-input,
.fi-fo-key-value-table {
  background-color: #ffffff;
}

.fi-topbar-item-label,
.fi-sidebar-item-label,
.fi-section-header-heading,
.fi-section-header-description,
.fi-ta-header-heading,
.fi-ta-header-description,
.fi-ta-group-heading,
.fi-ta-group-description,
.fi-breadcrumbs ol li,
.fi-breadcrumbs ol li a {
  color: var(--app-dark-blue);
}

.fi-fo-field-label,
.fi-fo-field-label-content {
  color: var(--app-dark-blue);
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-topbar-item.fi-active .fi-topbar-item-label,
.fi-topbar-item.fi-active .fi-topbar-item-icon {
  color: var(--app-orange);
}

.fi-btn.fi-color-primary {
  background-color: var(--app-orange);
}

.fi-btn.fi-color-primary:hover {
  background-color: var(--app-orange-hover);
}

.fi-fo-text-input:focus,
.fi-fo-textarea:focus,
.fi-fo-select:focus,
.fi-fo-tags-input:focus,
.fi-fo-key-value-table:focus,
.fi-fo-field-wrp:focus-within {
  border-color: var(--app-orange);
  box-shadow: 0 0 0 1px var(--app-orange);
}