:root {
  color-scheme: dark;
  /*  grid Based*/
  --gridBackgroundColor: #121212;
  --gridGroupRowColor: #11365c;
  --gridTotalsRowColor: #0a4610;
  --gridPaginationBorderColor: #f5f5f5;
  --gridRowHoverColor: #454545;
  --gridDisabledColor: #222222;
  --gridFooterOuter: #1f1f1f;
  --gridErrorCell: #565011;
  --gridCustomTextCell: #580000;
  /*  Standard Page*/
  --pageBackgroundColor: #201F1E;
  --subNavShellColor: #2E86C1;
  --subNavActiveColor: #246998;
  --subNavHoverColor: #2978ac;
  --secondarySurfaceBackgroundColor: #1f1f1f;
  --secondarySurfaceHoverColor: #484848;
  /* Alias used by the email-template editor panels and popovers. */
  --surfacePanelBackground: var(--secondarySurfaceBackgroundColor);
  --breadCrumbTextColor: #2E86C1;
  --loadingSpinnerBackgroundColor: #4d4d4d;
  --standardBorderColor: #2d2c2a;
  /* Project Edit date "section" boxes — a grey that lifts off the dark page */
  --projectDateSectionBackground: #232221;
  --projectDateSectionBorder: #57544e;
  --dividerColor: #2d2c2a;
  --scheduleDeptDividerColor: #9a9a9a;
  --scheduleOfficeDividerBg: #151515;
  --scheduleOfficeDividerBorder: #c2620e;
  --scheduleDeptSeparatorBg: #3B82F6;
  /* Schedule cell colors — same hues as light mode, darkened with light text */
  --scheduleCellBookingBg: #1e3a5f;
  --scheduleCellBookingText: #bfdbfe;
  --scheduleCellAvailabilityBg: #5e2222;
  --scheduleCellAvailabilityText: #fecaca;
  --scheduleCellWfhBg: #45286b;
  --scheduleCellWfhText: #e9d5ff;
  --scheduleCellTentativeBg: #3e3712;
  --scheduleCellTentativeText: #fde68a;
  --scheduleCellTentativeBorder: #b08a1e;
  --scheduleCellLightningBg: #5a3210;
  --scheduleCellLightningText: #fed7aa;
  --scheduleCellLightningBorder: #b5651d;
  /* Project color palette — same token names as light mode, darkened bg with
     light text. Keep token names in sync with types/project-color.ts. */
  --projColor-red-bg: #5e2222;    --projColor-red-text: #fecaca;
  --projColor-orange-bg: #5a3210; --projColor-orange-text: #fed7aa;
  --projColor-amber-bg: #78350f;  --projColor-amber-text: #fde68a;
  --projColor-yellow-bg: #3e3712; --projColor-yellow-text: #fde68a;
  --projColor-green-bg: #14532d;  --projColor-green-text: #bbf7d0;
  --projColor-teal-bg: #134e4a;   --projColor-teal-text: #99f6e4;
  --projColor-cyan-bg: #164e63;   --projColor-cyan-text: #a5f3fc;
  --projColor-blue-bg: #1e3a5f;   --projColor-blue-text: #bfdbfe;
  --projColor-indigo-bg: #312e81; --projColor-indigo-text: #c7d2fe;
  --projColor-violet-bg: #45286b; --projColor-violet-text: #ddd6fe;
  --projColor-pink-bg: #831843;   --projColor-pink-text: #fbcfe8;
  --projColor-slate-bg: #334155;  --projColor-slate-text: #cbd5e1;
  --scheduleLoadingTint: rgba(148, 163, 184, 0.2);
  --scheduleLoadingShimmer: rgba(226, 232, 240, 0.16);
  --standardLinkColor: #D0ADF0;
  --standardInputBorder: rgb(101, 101, 101);
  --marginNegativePercentBackgroundColor: #811c10;
  --marginPositivePercentBackgroundColor: #24660d;
  --activeAutoFillHightlight: #042155;
  --dialogContentBackgroundColor: #393939;
  --multiSelectHoverColor: #454545;
  --totalStackDividerLines: gray;
  /* standard availability cell coloring */
  --productUnavailableColor: #d80000;
  --productWarningColor: yellow;
  --productAvailableColor: green;
  --productNAColor: #909090;
  /*  Standard Background Coloring*/
  --standardErrorColor: #d80000;
  --standardWarningColor: #b58b09;
  --standardGoodColor: green;
  --standardHighlightColor: #ffffa1;
  /*  Standard Text Colors*/
  --standardColorText: #e6e6e6;
  --standardLightTextColor: #e6e6e6;
  --mutedTextColor: #a8a8a8;
  --standardDarkTextColor: black;
  --standardCautionTextColor: firebrick;
  /*Logistics Colors*/
  --logisticsIncomingColor: #094e89;
  --logisticsOutgoingColor: #aeb405;
  --logisticsWarningRowColor: #343400;
  --logisticsGreen: #254b00;
  /* Other*/
  --dirtyTextColor: red;
  /* Vertical Expander */
  --verticalExpanderHoverColor: #383838;
  --verticalExpanderActiveColor: #484848;
  /* Toolbar*/
  --toolbarButtonColor: #ffffff1f;
  --toolbarButtonHoverColor: #0000001f;
  --tabShellTopBarBackground: #ffffff1f;
  --tabShellInactiveTabBackground: #ffffff3f;
  /* Support Portal */
  --supportPortalHeaders: #1f1f1f;
  /* Template Editor */
  --selectedSectionColor: #454545;
  --sampleRowItemColor: #4d4d4d;
  /* Dashboard */
  --dashboardToolbarButtonColor: #484848;
  --dashboardColumnBoxColor: #393939;
  --actionConfirmBackground: #4caf50;
  --actionConfirmText: #0b0b0b;
  --actionCancelBackground: #ef5350;
  --actionCancelText: #0b0b0b;
  --actionRemoveBackground: #4a1f1f;
  --actionRemoveText: #f7d7d7;
  --lockBannerLockedBackground: #3f2222;
  --lockBannerUnlockedBackground: #1f3a26;
  --warningBannerBackground: #3a2e0a;
  --warningBannerBorder: #b58b09;
  --warningBannerText: #f2d98a;
  /* Subtle polish */
  --appPageSheenTop: rgba(120, 194, 203, 0.08);
  --panelShadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 22px rgba(0, 0, 0, 0.24);
  --controlShadow: 0 1px 0 rgba(255, 255, 255, 0.06);
  --fieldShadow: inset 0 1px 1px rgba(0, 0, 0, 0.35);
  --panelEdgeHighlight: rgba(255, 255, 255, 0.09);
  --focusRingColor: rgba(120, 194, 203, 0.28);
  /* Labor Timeline Report */
  --laborTimelineTileBackgroundColor: #053C5E;
  /* Unit History */
  --physicalInventoryColor: #806000;
  /* Performance Metrics charts */
  --chartSeries1: #3987e5;
  --chartSeries2: #d95926;
}