@font-face {
  font-family: "Graphik Arabic";
  font-weight: 250;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-thin.otf") format("opentype");
}
@font-face {
  font-family: "Graphik Arabic";
  font-weight: 270;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-extralight.otf") format("opentype");
}
@font-face {
  font-family: "Graphik Arabic";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-light.otf") format("opentype");
}
@font-face {
  font-family: "Graphik Arabic";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-regular.otf") format("opentype");
}
@font-face {
  font-family: "Graphik Arabic";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-medium.otf") format("opentype");
}
@font-face {
  font-family: "Graphik Arabic";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-semibold.otf") format("opentype");
}
@font-face {
  font-family: "Graphik Arabic";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-bold.otf") format("opentype");
}
@font-face {
  font-family: "Graphik Arabic";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-black.otf") format("opentype");
}
@font-face {
  font-family: "Graphik Arabic";
  font-weight: 950;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/graphik/graphik-arabic-super.otf") format("opentype");
}
@font-face {
  font-family: "Zain";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/Poppins/Zain-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Zain";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/zain/Zain-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Zain";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.microtec-test.com/assets/fonts/Poppins/Zain-Bold.ttf") format("truetype");
}
@layer erp-tokens {
  :root {
    --ds-graphChart1: #4aba80;
    --ds-graphChart2: #47b2c7;
    --ds-graphChart3: #5a2d81;
    --ds-graphChart4: #eaac19;
    --ds-graphChart5: #f15a22;
    --ds-graphProgressInactiveFill: #bf9ddd;
    --ds-graphProgressActiveFill: #5a2d81;
    --ds-graphProgressOutline: #5a2d81;
    --ds-pageDefaultFill: #f9f9f9;
    --ds-pageOverlayFill: rgba(48, 72, 109, 0.7);
    --ds-pageHighlightStop1: rgba(90, 45, 129, 0.3);
    --ds-pageHighlightStop2: rgba(90, 45, 129, 0);
    --ds-contentDefaultFill: #ffffff;
    --ds-contentOverlayFill: rgba(255, 255, 255, 0.7);
    --ds-textMainHeadingDefault: #30486d;
    --ds-textMainHeadingInverse: #e5f0ff;
    --ds-textMainBodyDefault: #1d314e;
    --ds-textMainBodyInverse: #ffffff;
    --ds-textMainPrimaryDefault: #3f205b;
    --ds-textMainPrimaryInverse: #ffffff;
    --ds-textMainSecondaryDefault: #30486d;
    --ds-textMainSecondaryInverse: #ffffff;
    --ds-textMainSuccessDefault: #156f33;
    --ds-textMainSuccessInverse: #ffffff;
    --ds-textMainWarningDefault: #765802;
    --ds-textMainWarningInverse: #ffffff;
    --ds-textMainDangerDefault: #911100;
    --ds-textMainDangerInverse: #ffffff;
    --ds-textSubtextPrimaryDefault: rgba(40, 20, 57, 0.7);
    --ds-textSubtextPrimaryInverse: rgba(255, 255, 255, 0.7);
    --ds-textSubtextSecondaryDefault: rgba(48, 72, 109, 0.7);
    --ds-textSubtextSecondaryInverse: rgba(255, 255, 255, 0.7);
    --ds-textSubtextSuccessDefault: rgba(21, 111, 51, 0.7);
    --ds-textSubtextSuccessInverse: rgba(255, 255, 255, 0.7);
    --ds-textSubtextWarningDefault: rgba(118, 88, 2, 0.7);
    --ds-textSubtextWarningInverse: rgba(255, 255, 255, 0.7);
    --ds-textSubtextDangerDefault: rgba(145, 17, 0, 0.7);
    --ds-textSubtextDangerInverse: rgba(255, 255, 255, 0.7);
    --ds-iconPrimaryDefault: #5a2d81;
    --ds-iconPrimaryInverse: #bf9ddd;
    --ds-iconSecondaryDefault: #5b77a2;
    --ds-iconSecondaryInverse: #e5f0ff;
    --ds-iconSuccessDefault: #3f995d;
    --ds-iconSuccessInverse: #c3f8d4;
    --ds-iconWarningDefault: #c4930a;
    --ds-iconWarningInverse: #f9e9bd;
    --ds-iconDangerDefault: #ec2408;
    --ds-iconDangerInverse: #ffcec7;
    --ds-dividerDefault: #c7c7c7;
    --ds-dividerInverse: #2e2e2e;
    --ds-infoHighlightFill: #f2eff5;
    --ds-infoHighlightOutline: #8e51c2;
    --ds-infoNeutralFill: #f4f9ff;
    --ds-infoNeutralOutline: #95afd5;
    --ds-infoSuccessFill: #e5ffee;
    --ds-infoSuccessOutline: #75cf93;
    --ds-infoWarningFill: #fff7e2;
    --ds-infoWarningOutline: #e5be51;
    --ds-infoDangerFill: #ffeae6;
    --ds-infoDangerOutline: #ff6859;
    --ds-navPrimaryItemActiveFill: #5a2d81;
    --ds-navPrimaryItemActiveOutline: #281439;
    --ds-navPrimaryItemActiveIndicator: #f15a22;
    --ds-navPrimaryListOutline: #281439;
    --ds-navPrimaryContainerFill: #1a0d26;
    --ds-navSecondaryFill: #ffffff;
    --ds-navSecondaryOutline: #e5f0ff;
    --ds-navTertiaryFill: #ffffff;
    --ds-navTertiaryOutlineDefault: #e5f0ff;
    --ds-navTertiaryOutlineHover: #b4caec;
    --ds-navTertiaryOutlinePressed: #95afd5;
    --ds-navTertiaryActiveOutlineDefault: #5a2d81;
    --ds-navTertiaryActiveOutlineHover: #281439;
    --ds-navTertiaryActiveOutlinePressed: #0e0613;
    --ds-navTertiaryErrorOutlineDefault: #ffcec7;
    --ds-actionPrimaryFillDefaultSolid: #5a2d81;
    --ds-actionPrimaryFillDefaultSoft: #f2eff5;
    --ds-actionPrimaryFillHoverSolid: #281439;
    --ds-actionPrimaryFillPressedSolid: #0e0613;
    --ds-actionPrimaryOutlineDefaultSoft: #8e51c2;
    --ds-actionPrimaryOutlineHoverSoft: #5a2d81;
    --ds-actionPrimaryOutlinePressedSoft: #281439;
    --ds-actionWarningFillDefaultSolid: #c4930a;
    --ds-actionWarningFillDefaultSoft: #fff7e2;
    --ds-actionWarningFillHoverSolid: #765802;
    --ds-actionWarningFillPressedSolid: #271d00;
    --ds-actionWarningOutlineDefaultSoft: #e5be51;
    --ds-actionWarningOutlineHoverSoft: #c4930a;
    --ds-actionWarningOutlinePressedSoft: #765802;
    --ds-actionDangerFillDefaultSolid: #ec2408;
    --ds-actionDangerFillDefaultSoft: #ffeae6;
    --ds-actionDangerFillHoverSolid: #911100;
    --ds-actionDangerFillPressedSolid: #2e0600;
    --ds-actionDangerOutlineDefaultSoft: #ff6859;
    --ds-actionDangerOutlineHoverSoft: #ec2408;
    --ds-actionDangerOutlinePressedSoft: #911100;
    --ds-actionSecondaryFillDefaultSolid: #5b77a2;
    --ds-actionSecondaryFillDefaultSoft: #f4f9ff;
    --ds-actionSecondaryFillHoverSolid: #30486d;
    --ds-actionSecondaryFillPressedSolid: #031228;
    --ds-actionSecondaryOutlineDefaultSoft: #95afd5;
    --ds-actionSecondaryOutlineHoverSoft: #5b77a2;
    --ds-actionSecondaryOutlinePressedSoft: #30486d;
    --ds-actionSuccessFillDefaultSolid: #3f995d;
    --ds-actionSuccessFillDefaultSoft: #e5ffee;
    --ds-actionSuccessFillHoverSolid: #156f33;
    --ds-actionSuccessFillPressedSolid: #062310;
    --ds-actionSuccessOutlineDefaultSoft: #75cf93;
    --ds-actionSuccessOutlineHoverSoft: #3f995d;
    --ds-actionSuccessOutlinePressedSoft: #156f33;
    --ds-inputFill: #ffffff;
    --ds-inputActiveOutlineDefault: #8e51c2;
    --ds-inputActiveOutlineHover: #5a2d81;
    --ds-inputActiveOutlinePressed: #281439;
    --ds-inputInactiveOutlineDefault: #ababac;
    --ds-inputInactiveOutlineHover: #7793bd;
    --ds-inputInactiveOutlinePressed: #456088;
    --ds-inputErrorOutlineDefault: #ff6859;
    --ds-inputErrorOutlineHover: #ec2408;
    --ds-inputErrorOutlinePressed: #911100;
    --ds-inputSuccessOutlineDefault: #75cf93;
    --ds-inputSuccessOutlineHover: #3f995d;
    --ds-inputSuccessOutlinePressed: #156f33;
    --ds-menuSelectorActiveRangeFill: #bf9ddd;
    --ds-menuSelectorActiveFill: #5a2d81;
    --ds-menuSelectorActiveOutline: #5a2d81;
    --ds-menuSelectorInactiveOutline: #e5f0ff;
    --ds-controlActiveFillDefault: #5a2d81;
    --ds-controlActiveOutlineDefault: #5a2d81;
    --ds-controlInactiveFillDefault: #737374;
    --ds-controlInactiveFillInverse: #f9f9f9;
    --ds-controlInactiveOutlineDefault: #737374;
    --ds-controlInactiveOutlineLight: #f9f9f9;
    --ds-controlFill: #ffffff;
    --ds-listingItemFillHeader: #f2eff5;
    --ds-listingItemFillHighlighted: #3f205b;
    --ds-listingItemFillDefault: #ffffff;
    --ds-listingItemFillAlternative: #f9f9f9;
    --ds-listingItemFillActive: #bf9ddd;
    --ds-listingItemFillSubheader: #e6e6e6;
    --ds-listingItemOutlineDefault: #e3e3e3;
    --ds-listingItemOutlineSuccess: #c3f8d4;
    --ds-listingItemOutlineWarning: #f9e9bd;
    --ds-listingItemOutlineDanger: #ffcec7;
    --ds-listingItemOutlineActive: #a677cf;
    --ds-listingSummaryFill: #e5f0ff;
    --ds-borderWidthSm: 0.0625rem;
    --ds-borderWidthMd: 0.125rem;
    --ds-borderWidthLg: 0.25rem;
    --ds-transparencyDisabled: 0.4;
    --ds-font-family-graphik: "Graphik Arabic", sans-serif;
    --ds-font-weight-thin: 250;
    --ds-font-weight-extralight: 270;
    --ds-font-weight-light: 300;
    --ds-font-weight-regular: 400;
    --ds-font-weight-medium: 500;
    --ds-font-weight-semibold: 600;
    --ds-font-weight-bold: 700;
    --ds-font-weight-black: 900;
    --ds-font-weight-super: 950;
    --ds-pagePaddingX: 3rem;
    --ds-pagePaddingY: 1.5rem;
    --ds-pageGap: 1.5rem;
    --ds-contentPaddingXXlg: 1.5rem;
    --ds-contentPaddingXLg: 1rem;
    --ds-contentPaddingXMd: 0.75rem;
    --ds-contentPaddingXSm: 0.5rem;
    --ds-contentPaddingYLg: 1rem;
    --ds-contentPaddingYMd: 0.75rem;
    --ds-contentPaddingYSm: 0.5rem;
    --ds-contentGapLg: 1rem;
    --ds-contentGapMd: 0.75rem;
    --ds-contentGapSm: 0.5rem;
    --ds-contentBorderRadius: 1.5rem;
    --ds-graphRadius: 0.25rem;
    --ds-graphProgressGap: 0.125rem;
    --ds-iconSize2Xs: 0.875rem;
    --ds-iconSizeXs: 1rem;
    --ds-iconSizeSm: 1.25rem;
    --ds-iconSizeMd: 1.5625rem;
    --ds-iconSizeLg: 1.75rem;
    --ds-iconSizeXl: 2rem;
    --ds-iconSize2Xl: 2.8125rem;
    --ds-iconSize3Xl: 3.1875rem;
    --ds-listingItemPaddingX: 0.5rem;
    --ds-listingItemPaddingY: 0.5rem;
    --ds-listingItemGap: 0.25rem;
    --ds-listingItemHeightMd: 3rem;
    --ds-listingItemHeightSm: 2rem;
    --ds-listingItemWidthXs: 3rem;
    --ds-listingItemWidthSm: 3.75rem;
    --ds-listingItemWidthMd: 7.5rem;
    --ds-listingItemWidthLg: 11.25rem;
    --ds-listingItemWidthXl: 20rem;
    --ds-listingItemRadius: 0.75rem;
    --ds-listingContainerGap: 0.75rem;
    --ds-listingContainerRadius: 1rem;
    --ds-navPrimaryContainerGap: 1.5rem;
    --ds-navPrimaryContainerPaddingY: 1.5rem;
    --ds-navPrimaryContainerCollapsedWidth: 3.75rem;
    --ds-navPrimaryContainerExpandedWidth: 15.625rem;
    --ds-navPrimaryListGap: 0.5rem;
    --ds-navPrimaryListPaddingX: 1.5rem;
    --ds-navPrimaryItemPaddingX: 0.75rem;
    --ds-navPrimaryItemPaddingY: 0.5rem;
    --ds-navPrimaryItemGap: 0.5rem;
    --ds-navSecondaryContainerPaddingY: 1rem;
    --ds-navSecondaryCompanyGap: 0.5rem;
    --ds-navSecondaryActionsGap: 0.5rem;
    --ds-navSecondaryBreadcrumbGap: 0.5rem;
    --ds-navSecondaryWidgetsGap: 0.75rem;
    --ds-inputGapLg: 0.75rem;
    --ds-inputGapMd: 0.5rem;
    --ds-inputGapSm: 0.25rem;
    --ds-inputPaddingXLg: 0.75rem;
    --ds-inputPaddingXMd: 0.5rem;
    --ds-inputPaddingXSm: 0rem;
    --ds-inputPaddingYLg: 0.75rem;
    --ds-inputPaddingYMd: 0.5rem;
    --ds-inputPaddingYSm: 0.25rem;
    --ds-inputRadius: 0.5rem;
    --ds-actionGapLg: 0.5rem;
    --ds-actionGapMd: 0.5rem;
    --ds-actionGapSm: 0.25rem;
    --ds-actionPaddingXLg: 1.25rem;
    --ds-actionPaddingXMd: 1rem;
    --ds-actionPaddingXSm: 0.75rem;
    --ds-actionPaddingYLg: 0.75rem;
    --ds-actionPaddingYMd: 0.5rem;
    --ds-actionPaddingYSm: 0.25rem;
    --ds-actionRadius: 0.5rem;
    --ds-actionMinWidth: 8.75rem;
    --ds-controlGap: 0.25rem;
    --ds-controlPaddingY: 0.25rem;
    --ds-controlPaddingX: 0.5rem;
    --ds-controlMultiSelectRadius: 0.25rem;
    --ds-controlSingleSelectRadius: 4.5rem;
    --ds-infoGap: 0.25rem;
    --ds-infoPaddingX: 0.5rem;
    --ds-infoPaddingY: 0.5rem;
    --ds-infoRadius: 0.75rem;
    --ds-menuItemRadius: 0.25rem;
    --ds-menuItemGap: 0.75rem;
    --ds-menuItemPaddingX: 0.25rem;
    --ds-menuItemPaddingY: 0.25rem;
    --ds-menuRadiusMd: 0.5rem;
    --ds-tableRadius: 1rem;
    --ds-sizeBody1: 1.125rem;
    --ds-sizeBody2: 1rem;
    --ds-sizeBody3: 0.875rem;
    --ds-sizeBody4: 0.75rem;
    --ds-sizeHeading1: 2.5rem;
    --ds-sizeHeading2: 2rem;
    --ds-sizeHeading3: 1.5625rem;
    --ds-sizeHeading4: 1.375rem;
    --ds-sizeHeading5: 1.25rem;
    --ds-lineHeightBody1: 1.25rem;
    --ds-lineHeightBody2: 1.125rem;
    --ds-lineHeightBody3: 1rem;
    --ds-lineHeightBody4: 0.875rem;
    --ds-lineHeightHeading1: 2rem;
    --ds-lineHeightHeading2: 1.75rem;
    --ds-lineHeightHeading3: 1.5625rem;
    --ds-lineHeightHeading4: 1.375rem;
    --ds-lineHeightHeading5: 1.25rem;
    --ds-familyDefault: "Graphik Arabic", sans-serif;
    --ds-weightRegular: 400;
    --ds-weightMedium: 500;
    --ds-weightLight: 300;
  }
  :root[data-theme=dark] {
    color-scheme: dark;
    --ds-graphProgressInactiveFill: #271d35;
    --ds-graphProgressActiveFill: #7a52ae;
    --ds-graphProgressOutline: #7a52ae;
    --ds-pageDefaultFill: #110d17;
    --ds-pageOverlayFill: rgba(17, 13, 23, 0.7);
    --ds-contentDefaultFill: #18131f;
    --ds-contentOverlayFill: rgba(17, 13, 23, 0.7);
    --ds-textMainHeadingDefault: #eeeaf3;
    --ds-textMainHeadingInverse: #110d17;
    --ds-textMainBodyDefault: #eeeaf3;
    --ds-textMainBodyInverse: #110d17;
    --ds-textMainPrimaryDefault: #c8adec;
    --ds-textMainSecondaryDefault: #b6aec3;
    --ds-textMainSecondaryInverse: #110d17;
    --ds-textMainSuccessDefault: #22c55e;
    --ds-textMainSuccessInverse: #110d17;
    --ds-textMainWarningDefault: #f59e0b;
    --ds-textMainWarningInverse: #110d17;
    --ds-textMainDangerDefault: #f87171;
    --ds-textMainDangerInverse: #110d17;
    --ds-textSubtextPrimaryDefault: rgba(200, 173, 236, 0.75);
    --ds-textSubtextPrimaryInverse: #ffffff;
    --ds-textSubtextSecondaryDefault: rgba(182, 174, 195, 0.75);
    --ds-textSubtextSecondaryInverse: #110d17;
    --ds-textSubtextSuccessDefault: rgba(134, 239, 172, 0.75);
    --ds-textSubtextSuccessInverse: #110d17;
    --ds-textSubtextWarningDefault: rgba(251, 191, 90, 0.75);
    --ds-textSubtextWarningInverse: #110d17;
    --ds-textSubtextDangerDefault: rgba(252, 165, 165, 0.75);
    --ds-textSubtextDangerInverse: #110d17;
    --ds-iconPrimaryDefault: #c8adec;
    --ds-iconPrimaryInverse: #ffffff;
    --ds-iconSecondaryDefault: #b6aec3;
    --ds-iconSecondaryInverse: #110d17;
    --ds-iconSuccessDefault: #22c55e;
    --ds-iconSuccessInverse: #110d17;
    --ds-iconWarningDefault: #f59e0b;
    --ds-iconWarningInverse: #110d17;
    --ds-iconDangerDefault: #f87171;
    --ds-iconDangerInverse: #110d17;
    --ds-dividerDefault: #2a2334;
    --ds-dividerInverse: #948ca3;
    --ds-infoHighlightFill: #271d35;
    --ds-infoHighlightOutline: #34284a;
    --ds-infoNeutralFill: #251f2e;
    --ds-infoNeutralOutline: #3a3146;
    --ds-infoSuccessFill: #12291b;
    --ds-infoSuccessOutline: #1e4d2f;
    --ds-infoWarningFill: #33240e;
    --ds-infoWarningOutline: #5c4214;
    --ds-infoDangerFill: #3a1517;
    --ds-infoDangerOutline: #5f2124;
    --ds-navPrimaryItemActiveFill: #271d35;
    --ds-navPrimaryItemActiveOutline: #7a52ae;
    --ds-navPrimaryItemActiveIndicator: #c8adec;
    --ds-navPrimaryListOutline: #2a2334;
    --ds-navPrimaryContainerFill: #18131f;
    --ds-navSecondaryFill: #18131f;
    --ds-navSecondaryOutline: #2a2334;
    --ds-navTertiaryFill: #18131f;
    --ds-navTertiaryOutlineDefault: #2a2334;
    --ds-navTertiaryOutlineHover: #3a3146;
    --ds-navTertiaryOutlinePressed: #948ca3;
    --ds-navTertiaryActiveOutlineDefault: #7a52ae;
    --ds-navTertiaryActiveOutlineHover: #c8adec;
    --ds-navTertiaryActiveOutlinePressed: #c8adec;
    --ds-navTertiaryErrorOutlineDefault: #f87171;
    --ds-actionPrimaryFillDefaultSolid: #7a52ae;
    --ds-actionPrimaryFillDefaultSoft: #271d35;
    --ds-actionPrimaryFillHoverSolid: #8a63be;
    --ds-actionPrimaryFillPressedSolid: #664592;
    --ds-actionPrimaryOutlineDefaultSoft: #7a52ae;
    --ds-actionPrimaryOutlineHoverSoft: #c8adec;
    --ds-actionPrimaryOutlinePressedSoft: #c8adec;
    --ds-actionWarningFillDefaultSolid: #f59e0b;
    --ds-actionWarningFillDefaultSoft: #33240e;
    --ds-actionWarningFillHoverSolid: #fbbf24;
    --ds-actionWarningFillPressedSolid: #d97706;
    --ds-actionWarningOutlineDefaultSoft: #5c4214;
    --ds-actionWarningOutlineHoverSoft: #f59e0b;
    --ds-actionWarningOutlinePressedSoft: #fbbf24;
    --ds-actionDangerFillDefaultSolid: #f87171;
    --ds-actionDangerFillDefaultSoft: #3a1517;
    --ds-actionDangerFillHoverSolid: #fca5a5;
    --ds-actionDangerFillPressedSolid: #ef4444;
    --ds-actionDangerOutlineDefaultSoft: #5f2124;
    --ds-actionDangerOutlineHoverSoft: #f87171;
    --ds-actionDangerOutlinePressedSoft: #fca5a5;
    --ds-actionSecondaryFillDefaultSolid: #b6aec3;
    --ds-actionSecondaryFillDefaultSoft: #251f2e;
    --ds-actionSecondaryFillHoverSolid: #d6d0de;
    --ds-actionSecondaryFillPressedSolid: #aaa2b8;
    --ds-actionSecondaryOutlineDefaultSoft: #3a3146;
    --ds-actionSecondaryOutlineHoverSoft: #b6aec3;
    --ds-actionSecondaryOutlinePressedSoft: #d6d0de;
    --ds-actionSuccessFillDefaultSolid: #22c55e;
    --ds-actionSuccessFillDefaultSoft: #12291b;
    --ds-actionSuccessFillHoverSolid: #4ade80;
    --ds-actionSuccessFillPressedSolid: #16a34a;
    --ds-actionSuccessOutlineDefaultSoft: #1e4d2f;
    --ds-actionSuccessOutlineHoverSoft: #22c55e;
    --ds-actionSuccessOutlinePressedSoft: #4ade80;
    --ds-inputFill: #18131f;
    --ds-inputActiveOutlineDefault: #7a52ae;
    --ds-inputActiveOutlineHover: #c8adec;
    --ds-inputActiveOutlinePressed: #c8adec;
    --ds-inputInactiveOutlineDefault: #3a3146;
    --ds-inputInactiveOutlineHover: #948ca3;
    --ds-inputInactiveOutlinePressed: #b6aec3;
    --ds-inputErrorOutlineDefault: #f87171;
    --ds-inputErrorOutlineHover: #fca5a5;
    --ds-inputErrorOutlinePressed: #f87171;
    --ds-inputSuccessOutlineDefault: #22c55e;
    --ds-inputSuccessOutlineHover: #4ade80;
    --ds-inputSuccessOutlinePressed: #22c55e;
    --ds-menuSelectorActiveRangeFill: #271d35;
    --ds-menuSelectorActiveFill: #7a52ae;
    --ds-menuSelectorActiveOutline: #c8adec;
    --ds-menuSelectorInactiveOutline: #948ca3;
    --ds-controlActiveFillDefault: #7a52ae;
    --ds-controlActiveOutlineDefault: #c8adec;
    --ds-controlInactiveFillDefault: #1d1726;
    --ds-controlInactiveFillInverse: #251f2e;
    --ds-controlInactiveOutlineDefault: #948ca3;
    --ds-controlInactiveOutlineLight: #3a3146;
    --ds-controlFill: #18131f;
    --ds-listingItemFillHeader: #24202e;
    --ds-listingItemFillHighlighted: #271d35;
    --ds-listingItemFillDefault: #18131f;
    --ds-listingItemFillAlternative: #1a1522;
    --ds-listingItemFillActive: #271d35;
    --ds-listingItemFillSubheader: #1d1726;
    --ds-listingItemOutlineDefault: #2a2334;
    --ds-listingItemOutlineSuccess: #1e4d2f;
    --ds-listingItemOutlineWarning: #5c4214;
    --ds-listingItemOutlineDanger: #5f2124;
    --ds-listingItemOutlineActive: #7a52ae;
    --ds-listingSummaryFill: #1d1726;
    --ds-textMainMutedDefault: #aaa2b8;
    --ds-textDisabled: #6b6379;
    --ds-iconDisabled: #6b6379;
    --ds-actionDisabledFill: #251f2e;
    --ds-actionDisabledText: #6b6379;
    --ds-actionDisabledOutline: #2a2334;
    --ds-actionFocusOutline: #c8adec;
    --ds-inputPlaceholderText: #aaa2b8;
    --ds-inputDisabledFill: #251f2e;
    --ds-inputDisabledText: #6b6379;
    --ds-inputFocusOutline: #c8adec;
    --ds-controlActiveMark: #ffffff;
    --ds-controlDisabledFill: #251f2e;
    --ds-controlDisabledOutline: #3a3146;
    --ds-controlDisabledMark: #6b6379;
    --ds-menuSelectorActiveText: #ffffff;
    --ds-menuSelectorActiveRangeText: #eeeaf3;
  }
  :root {
    --hr-gap-hoverFill: var(--ds-listingSummaryFill);
    --hr-gap-hoverWash: rgba(91, 119, 162, 0.08);
    --hr-gap-scrim: var(--ds-pageOverlayFill);
    --hr-gap-brandAccent: #e56717;
    --hr-gap-brandAccentText: #b85212;
    --hr-gap-brandAccentSoft: color-mix(in srgb, var(--hr-gap-brandAccent) 12%, transparent);
    --hr-gap-focusRing: var(--hr-gap-brandAccent);
    --hr-gap-placeholder: var(--ds-textSubtextSecondaryDefault);
    --hr-gap-shadowCard: 0 2px 4px rgba(0, 0, 0, 0.075);
    --hr-gap-shadowCardHover: 0 4px 14px rgba(48, 72, 109, 0.12);
    --hr-gap-shadowPopover: 0 16px 32px rgba(23, 37, 76, 0.12);
    --hr-gap-easeOut: cubic-bezier(0.23, 1, 0.32, 1);
    --hr-gap-easeDrawer: cubic-bezier(0.32, 0.72, 0, 1);
    --hr-gap-navHoverFill: rgba(255, 255, 255, 0.07);
    --hr-gap-navControlFill: rgba(255, 255, 255, 0.06);
    --hr-gap-navControlFillFocus: rgba(255, 255, 255, 0.1);
    --hr-gap-navControlOutline: rgba(255, 255, 255, 0.14);
    --hr-gap-navScrollThumb: rgba(255, 255, 255, 0.16);
    --hr-gap-navGuide: rgba(191, 157, 221, 0.16);
    --hr-gap-shadowNavActive: 0 2px 8px rgba(90, 45, 129, 0.35);
    --hr-gap-navActiveText: color-mix(in srgb, var(--ds-navPrimaryItemActiveFill) 50%, var(--ds-textMainPrimaryInverse));
    --hr-gap-topbarFill: var(--ds-infoNeutralFill);
    --hr-gap-topbarBlur: none;
    --hr-gap-crumbText: var(--ds-textMainSecondaryDefault);
    --hr-gap-crumbContextText: var(--ds-textMainPrimaryDefault);
    --hr-gap-crumbSepText: var(--ds-textSubtextSecondaryDefault);
    --hr-gap-crumbContextSepText: var(--ds-textMainPrimaryDefault);
    --hr-gap-crumbCurrentText: var(--ds-textMainSecondaryDefault);
    --hr-gap-crumbCurrentWeight: inherit;
    --hr-gap-navEdge: transparent;
    --hr-gap-navItemText: var(--ds-textMainPrimaryInverse);
    --hr-gap-navItemHoverText: var(--ds-textMainPrimaryInverse);
    --hr-gap-navItemActiveText: var(--ds-textMainPrimaryInverse);
    --hr-gap-navItemActiveWeight: inherit;
    --hr-gap-navSectionText: var(--ds-textMainPrimaryInverse);
    --hr-gap-navSectionOpacity: 0.55;
    --hr-gap-navSubsectionOpacity: 0.45;
    --hr-gap-navSectionHoverOpacity: 0.9;
    --hr-gap-navSearchOutline: transparent;
    --hr-gap-pageTitleText: var(--ds-textMainPrimaryDefault);
    --hr-gap-infoText: var(--ds-textMainPrimaryDefault);
    --hr-gap-labelText: var(--ds-textMainPrimaryDefault);
    --hr-gap-iconText: var(--ds-iconPrimaryDefault);
    --hr-gap-fieldPlaceholder: var(--ds-textSubtextPrimaryDefault);
    --hr-gap-onSolidWash: rgba(255, 255, 255, 0.06);
    --hr-gap-onSolidLine: rgba(255, 255, 255, 0.4);
    --hr-gap-onSolidFill: rgba(255, 255, 255, 0.2);
    --hr-gap-dim: rgba(0, 0, 0, 0.18);
    --hr-gap-chartLabelHalo: #000000;
    --hr-gap-graphChart1: var(--ds-graphChart1);
    --hr-gap-graphChart2: var(--ds-graphChart2);
    --hr-gap-graphChart3: var(--ds-graphChart3);
    --hr-gap-graphChart4: var(--ds-graphChart4);
    --hr-gap-graphChart5: var(--ds-graphChart5);
    --hr-gap-focusHalo: rgba(90, 45, 129, 0.22);
    --hr-gap-rangeText: var(--ds-textMainBodyDefault);
    --hr-gap-tooltipFill: #334155;
    --hr-gap-tooltipText: #ffffff;
    --hr-gap-shadowTooltip: 0 1px 3px rgba(0, 0, 0, 0.1);
    --hr-gap-overlayOutline: #e2e8f0;
    --hr-gap-shadowOverlay: 0 2px 12px rgba(0, 0, 0, 0.1);
    --hr-gap-optionHoverFill: #f1f5f9;
    --hr-gap-menuHoverFill: color-mix(in srgb, var(--ds-actionPrimaryFillDefaultSolid) 10%, transparent);
    --hr-gap-lineTight: 1.4;
    --hr-gap-lineLoose: 1.85;
  }
  :root[data-theme=dark] {
    --hr-gap-brandAccentText: #f08a4b;
    --hr-gap-brandAccentSoft: color-mix(in srgb, var(--hr-gap-brandAccent) 20%, transparent);
    --hr-gap-navActiveText: var(--ds-textMainPrimaryDefault);
    --hr-gap-topbarFill: color-mix(in srgb, var(--ds-contentDefaultFill) 82%, transparent);
    --hr-gap-topbarBlur: blur(16px) saturate(1.6);
    --hr-gap-crumbText: var(--ds-textMainMutedDefault);
    --hr-gap-crumbContextText: var(--ds-textMainMutedDefault);
    --hr-gap-crumbSepText: var(--ds-textMainMutedDefault);
    --hr-gap-crumbContextSepText: var(--ds-textMainMutedDefault);
    --hr-gap-crumbCurrentText: var(--ds-textMainBodyDefault);
    --hr-gap-crumbCurrentWeight: 500;
    --hr-gap-navEdge: var(--ds-dividerDefault);
    --hr-gap-navItemText: var(--ds-textMainMutedDefault);
    --hr-gap-navItemHoverText: var(--ds-textMainBodyDefault);
    --hr-gap-navItemActiveText: var(--ds-textMainPrimaryDefault);
    --hr-gap-navItemActiveWeight: 600;
    --hr-gap-navSectionText: var(--ds-textMainMutedDefault);
    --hr-gap-navSectionOpacity: 1;
    --hr-gap-navSubsectionOpacity: 1;
    --hr-gap-navSectionHoverOpacity: 1;
    --hr-gap-navSearchOutline: var(--ds-dividerDefault);
    --hr-gap-pageTitleText: var(--ds-textMainHeadingDefault);
    --hr-gap-infoText: var(--ds-textMainBodyDefault);
    --hr-gap-labelText: var(--ds-textMainSecondaryDefault);
    --hr-gap-iconText: var(--ds-iconSecondaryDefault);
    --hr-gap-fieldPlaceholder: var(--ds-textSubtextSecondaryDefault);
    --hr-gap-navControlFill: var(--ds-pageDefaultFill);
    --hr-gap-navControlFillFocus: var(--ds-pageDefaultFill);
    --hr-gap-navHoverFill: color-mix(in srgb, var(--ds-textMainBodyDefault) 5%, transparent);
    --hr-gap-shadowNavActive: none;
    --hr-gap-tooltipFill: var(--ds-actionDisabledFill);
    --hr-gap-optionHoverFill: var(--ds-listingItemFillHighlighted);
    --hr-gap-overlayOutline: var(--ds-dividerDefault);
    --hr-gap-shadowOverlay: 0 2px 12px rgba(0, 0, 0, 0.5);
    --hr-gap-hoverWash: rgba(255, 255, 255, 0.06);
    --hr-gap-shadowCard: 0 1px 2px rgba(0, 0, 0, 0.45);
    --hr-gap-shadowCardHover: 0 4px 14px rgba(0, 0, 0, 0.55);
    --hr-gap-shadowPopover: 0 16px 32px rgba(0, 0, 0, 0.6);
  }
  :root {
    --erp-color-primary: var(--ds-textMainSecondaryDefault);
    --erp-color-primary-soft: var(--ds-iconSecondaryDefault);
    --erp-color-primary-contrast: var(--ds-textMainPrimaryInverse);
    --erp-color-primary-surface: var(--ds-infoNeutralFill);
    --erp-color-primary-border: var(--ds-infoNeutralOutline);
    --erp-color-info: var(--ds-actionPrimaryFillDefaultSolid);
    --erp-color-info-strong: var(--ds-actionPrimaryFillHoverSolid);
    --erp-color-info-surface: var(--ds-listingItemFillActive);
    --erp-color-info-border: var(--ds-infoHighlightOutline);
    --erp-color-info-strong-alt: var(--ds-textMainPrimaryDefault);
    --erp-color-info-tint: var(--ds-infoHighlightFill);
    --erp-color-success: var(--ds-actionSuccessFillDefaultSolid);
    --erp-color-success-strong: var(--ds-textMainSuccessDefault);
    --erp-color-success-surface: var(--ds-infoSuccessFill);
    --erp-color-success-border: var(--ds-infoSuccessOutline);
    --erp-color-warning: var(--ds-actionWarningFillDefaultSolid);
    --erp-color-warning-strong: var(--ds-textMainWarningDefault);
    --erp-color-warning-surface: var(--ds-infoWarningFill);
    --erp-color-warning-border: var(--ds-infoWarningOutline);
    --erp-color-error: var(--ds-actionDangerFillDefaultSolid);
    --erp-color-error-strong: var(--ds-textMainDangerDefault);
    --erp-color-error-surface: var(--ds-infoDangerFill);
    --erp-color-error-border: var(--ds-infoDangerOutline);
    --erp-color-text: var(--ds-textMainHeadingDefault);
    --erp-color-text-strong: var(--ds-textMainBodyDefault);
    --erp-color-text-body: var(--ds-textMainBodyDefault);
    --erp-color-text-secondary: var(--ds-textSubtextSecondaryDefault);
    --erp-color-text-muted: var(--ds-textSubtextSecondaryDefault);
    --erp-color-text-disabled: var(--ds-textSubtextSecondaryDefault);
    --erp-color-ink: var(--ds-textMainBodyDefault);
    --erp-color-surface: var(--ds-contentDefaultFill);
    --erp-color-surface-muted: var(--ds-pageDefaultFill);
    --erp-color-border: var(--ds-listingItemOutlineDefault);
    --erp-color-divider: var(--ds-listingItemOutlineDefault);
    --erp-color-disabled: var(--ds-dividerDefault);
    --erp-color-upload-border: var(--ds-inputInactiveOutlineDefault);
    --erp-color-subtext-secondary: var(--ds-textSubtextSecondaryDefault);
    --erp-border: var(--ds-listingItemOutlineDefault);
    --erp-surface-muted: var(--ds-pageDefaultFill);
    --erp-text-muted: var(--ds-textSubtextSecondaryDefault);
    --erp-sidemenu-bg: var(--ds-navPrimaryContainerFill);
    --erp-sidemenu-divider: var(--ds-navPrimaryListOutline);
    --erp-sidemenu-selected: var(--ds-navPrimaryItemActiveFill);
    --erp-sidemenu-text: var(--ds-textMainPrimaryInverse);
    --erp-sidemenu-text-disabled: var(--ds-textSubtextPrimaryInverse);
    --erp-font-family: var(--ds-familyDefault), 'Segoe UI', sans-serif;
    --erp-font-size-2xs: var(--ds-sizeBody4);
    --erp-font-size-xs: var(--ds-sizeBody3);
    --erp-font-size-sm: var(--ds-sizeBody3);
    --erp-font-size-md: var(--ds-sizeBody2);
    --erp-font-size-lg: var(--ds-sizeHeading4);
    --erp-font-size-xl: var(--ds-sizeHeading3);
    --erp-font-weight-regular: var(--ds-weightRegular);
    --erp-font-weight-medium: var(--ds-weightMedium);
    --erp-font-weight-bold: var(--ds-weightMedium);
    --erp-line-tight: var(--hr-gap-lineTight);
    --erp-line: normal;
    --erp-line-loose: var(--hr-gap-lineLoose);
    --erp-space-1: 4px;
    --erp-space-2: 8px;
    --erp-space-3: 12px;
    --erp-space-4: 16px;
    --erp-space-5: 24px;
    --erp-space-6: 32px;
    --erp-space-7: 48px;
    --erp-space-8: 48px;
    --erp-radius-sm: var(--ds-menuItemRadius);
    --erp-radius-md: var(--ds-inputRadius);
    --erp-radius-lg: var(--ds-contentBorderRadius);
    --erp-radius-pill: var(--ds-controlSingleSelectRadius);
    --erp-shadow-card: var(--hr-gap-shadowCard);
    --erp-shadow-card-hover: var(--hr-gap-shadowCardHover);
    --erp-shadow-popover: var(--hr-gap-shadowPopover);
    --erp-ease-out: var(--hr-gap-easeOut);
    --erp-ease-drawer: var(--hr-gap-easeDrawer);
    --erp-focus-ring: var(--hr-gap-focusRing);
  }
}