:root .jv-ui {
  --jv-font-body: Inter, "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --jv-boxShadow-sm: 0 1px 2px 0 rgb(16 24 40 / 0.04);
  --jv-boxShadow-md: 0 4px 12px -2px rgb(16 24 40 / 0.08);
  --jv-borderRadius-sm: 0.375rem;
  --jv-borderRadius-md: 0.5rem;
  --jv-borderRadius-lg: 0.75rem;
  --jv-color-primary-lightest: #fff7ed;
  --jv-color-primary-light: #fdba74;
  --jv-color-primary-main: #c2410c;
  --jv-color-primary-dark: #9a3412;
  --jv-color-primary-darkest: #7c2d12;
  --jv-color-primary-contrastText: #ffffff;
  --jv-color-secondary-darkest: var(--jv-palette-gray600);
  --jv-color-info-darkest: var(--jv-palette-blue700);
  --jv-color-success-darkest: var(--jv-palette-green700);
  --jv-color-warning-darkest: var(--jv-palette-orange800);
  --jv-color-danger-main: #e5484d;
  --jv-color-danger-darkest: var(--jv-palette-red700);
  --jv-surface-primary-primaryText: #1d2433;
  --jv-surface-primary-secondaryText: #5b6475;
  --jv-surface-secondary-main: #ffffff;
  --jv-surface-secondary-primaryText: #1d2433;
  --jv-surface-secondary-secondaryText: #5b6475;
  --jv-navigation-background: #ffffff;
  --jv-navigation-primaryText: #1d2433;
  --jv-navigation-secondaryText: #475066;
  --jv-navigation-hoverBackground: #f4f5f7;
  --jv-navigation-activeBackground: #eef1f5;
  --jv-navigation-hoverOverlay: rgb(16 24 40 / 0.06);
  --jv-link-color: #2f4a6d;
  --jv-link-hoverColor: var(--jv-color-primary-dark);
  --jv-component-sectionheader-background: transparent;
  --jv-component-sectionheader-borderColor: #e7e9ee;
  --jv-component-sectionheader-borderRadius: 0px;
  --jv-component-sectionheader-paddingVertical: var(--jv-space-2);
  --jv-component-sectionheader-paddingHorizontal: 0px;
  --jv-component-sectionheader-titleFontSize: 1.125rem;
  --jv-component-sectionheader-titleFontWeight: 600;
  --jv-component-sectionheader-marginTop: 1.5rem;
  --jv-component-button-fontWeight: 500;
  --jv-component-button-solidBoxShadow: none;
  --jv-component-button-solidHoverBoxShadow: 0 1px 2px 0 rgb(16 24 40 / 0.08);
  --jv-component-datagrid-background: #ffffff;
  --jv-component-datagrid-borderColor: #e7e9ee;
  --jv-component-datagrid-borderWidth: 1px;
  --jv-component-datagrid-borderRadius: var(--jv-borderRadius-lg);
  --jv-component-datagrid-boxShadow: 0 1px 2px 0 rgb(16 24 40 / 0.04);
  --jv-component-datagrid-header-background: #fafbfc;
  --jv-component-datagrid-header-borderColor: #e7e9ee;
  --jv-component-datagrid-header-fontSize: var(--jv-fontSize-xs);
  --jv-component-datagrid-row-borderColor: #eef0f3;
  --jv-component-datagrid-row-hoverBackground: #f6f8fb;
  --jv-component-datagrid-row-selectedBackground: #eef1f5;
  --jv-component-datagrid-row-selectedMarkerColor: var(--jv-color-primary-main);
  --jv-component-datagrid-footer-background: #ffffff;
  --jv-component-datagrid-footer-borderColor: #eef0f3;
  --jv-component-datagrid-toolbar-background: #ffffff;
  --jv-component-datagrid-toolbar-borderColor: #eef0f3;
  --jv-component-tag-borderRadius: 999px;
  --jv-component-input-borderRadius: var(--jv-borderRadius-md);
  --jv-component-input-default-border: #d5d9e2;
  --jv-component-input-disabled-background: #f2f3f6;
  --jv-component-input-label-color: #5b6475;
  --jv-component-input-label-fontSize: var(--jv-fontSize-sm);
  --jv-component-input-label-fontWeight: 600;
  --jv-component-appshelllayout-background: #f6f7f9;
  --jv-component-appshelllayout-sidebarPadding: 0.75rem;
  --jv-component-appshelllayout-pageMaxWidth: 1600px;
  --jv-component-appshelllayout-pagePadding: 1.5rem;
  --jv-component-appshelllayout-pagePaddingTop: 1rem;
  --jv-component-appshelllayout-tabletPagePadding: 1rem;
  --jv-component-appshelllayout-mobilePagePadding: 0.75rem;
  --jv-component-page-paddingHorizontal: 0px;
  --jv-component-pageheader-background: transparent;
  --jv-component-pageheader-borderWidth: 0px;
  --jv-component-pageheader-marginTop: 0.5rem;
  --jv-component-pageheader-marginBottom: 0.5rem;
  --jv-component-pageheader-paddingTop: 0px;
  --jv-component-pageheader-titleFontSize: 1.5rem;
  --jv-component-pageheader-titleFontWeight: 700;
  --jv-component-layout-borderColor: #e7e9ee;
  --jv-component-layout-borderRadius: var(--jv-borderRadius-lg);
  --jv-component-layout-surface-background: #ffffff;
  --jv-component-layout-surface-boxShadow: 0 0 0 1px #e7e9ee, 0 1px 2px 0 rgb(16 24 40 / 0.04);
  --jv-component-appmenu-item-active-color: var(--jv-navigation-primaryText);
  --jv-component-appmenu-item-active-background: #eef1f5;
  --jv-component-appmenu-item-active-indicatorColor: var(--jv-color-primary-main);
  --jv-component-appmenu-item-active-indicatorWidth: 3px;
  --jv-component-appmenu-item-fontSize: var(--jv-fontSize-md);
  --jv-component-appmenu-item-borderRadius: var(--jv-borderRadius-md);
  --jv-component-appmenu-item-paddingVertical: 0.5rem;
  --jv-component-appmenu-expandedItem-normal-color: var(--jv-navigation-primaryText);
  --jv-component-appmenu-expandedItem-hover-color: var(--jv-navigation-primaryText);
  --jv-component-appmenu-expandedSubmenu-background: transparent;
  --jv-component-appmenu-expandedSubmenu-borderLeft: 0px;
  --jv-component-appmenu-expandedSubitem-normal-color: var(--jv-navigation-secondaryText);
  --jv-component-appmenu-expandedSubitem-normal-background: transparent;
  --jv-component-appmenu-expandedSubitem-hover-color: var(--jv-navigation-primaryText);
  --jv-component-appmenu-expandedSubitem-hover-background: var(--jv-navigation-hoverBackground);
  --jv-component-appmenu-expandedSubitem-active-color: var(--jv-navigation-primaryText);
  --jv-component-appmenu-section-color: var(--jv-navigation-secondaryText);
  --jv-component-appmenu-section-fontSize: var(--jv-fontSize-xs);
  --jv-component-card-background: #ffffff;
  --jv-component-card-borderColor: #e7e9ee;
  --jv-component-card-borderWidth: 1px;
  --jv-component-card-borderRadius: var(--jv-borderRadius-lg);
  --jv-component-card-boxShadow: 0 1px 2px 0 rgb(16 24 40 / 0.04);
  --jv-component-card-padding: 1.25rem;
}
:root .jv-ui-dark {
  --jv-color-primary-lightest: #431407;
  --jv-color-primary-light: #9a3412;
  --jv-color-primary-main: #f97316;
  --jv-color-primary-dark: #fb923c;
  --jv-color-primary-darkest: #fed7aa;
  --jv-color-primary-contrastText: #ffffff;
  --jv-color-secondary-darkest: #c3c8d1;
  --jv-color-info-darkest: #8cc4f5;
  --jv-color-success-darkest: #86d9a0;
  --jv-color-warning-darkest: #f5c46b;
  --jv-color-danger-main: #e5484d;
  --jv-color-danger-darkest: #f2a0a0;
  --jv-surface-primary-primaryText: #ececef;
  --jv-surface-primary-secondaryText: #a4a3a8;
  --jv-surface-secondary-main: #232229;
  --jv-surface-secondary-primaryText: #ececef;
  --jv-surface-secondary-secondaryText: #a4a3a8;
  --jv-navigation-background: #18171d;
  --jv-navigation-primaryText: #ececef;
  --jv-navigation-secondaryText: #bfbfc3;
  --jv-navigation-hoverBackground: #1f232b;
  --jv-navigation-activeBackground: #262b34;
  --jv-navigation-hoverOverlay: rgb(255 255 255 / 0.08);
  --jv-link-color: #9db7d8;
  --jv-link-hoverColor: var(--jv-color-primary-light);
  --jv-component-sectionheader-borderColor: #2a2f39;
  --jv-component-datagrid-background: #1b1f26;
  --jv-component-datagrid-borderColor: #2a2f39;
  --jv-component-datagrid-boxShadow: none;
  --jv-component-datagrid-header-background: #20252d;
  --jv-component-datagrid-header-borderColor: #2a2f39;
  --jv-component-datagrid-row-borderColor: #252a33;
  --jv-component-datagrid-row-hoverBackground: #20252d;
  --jv-component-datagrid-row-selectedBackground: #262b34;
  --jv-component-datagrid-footer-background: #1b1f26;
  --jv-component-datagrid-footer-borderColor: #252a33;
  --jv-component-datagrid-toolbar-background: #1b1f26;
  --jv-component-datagrid-toolbar-borderColor: #252a33;
  --jv-component-input-default-border: #5f5e65;
  --jv-component-input-disabled-background: var(--jv-surface-secondary-main);
  --jv-component-input-label-color: #d4d3d8;
  --jv-component-appshelllayout-background: #0f1115;
  --jv-component-layout-borderColor: #2a2f39;
  --jv-component-layout-surface-background: #1b1f26;
  --jv-component-layout-surface-boxShadow: 0 0 0 1px #2a2f39;
  --jv-component-appmenu-item-active-color: var(--jv-navigation-primaryText);
  --jv-component-appmenu-item-active-background: #262b34;
  --jv-component-appmenu-item-active-indicatorColor: var(--jv-color-primary-main);
  --jv-component-appmenu-expandedSubitem-active-color: var(--jv-navigation-primaryText);
  --jv-component-card-background: #1b1f26;
  --jv-component-card-borderColor: #2a2f39;
  --jv-component-card-boxShadow: none;
}
