:root {
    /* HCL Software Primitive */
    --blue-100: #E8F4FF;
    --blue-200: #C5E3FF;
    --blue-300: #9DCDFF;
    --blue-400: #6FAFFD;
    --blue-500: #3C91FF;
    --blue-600: #2679FF;
    --blue-700: #0550DC;
    --blue-800: #0029A9;
    --blue-900: #0029A9;
    --blue-1000: #000078;
    --cyan-50: #E4F9FF;
    --cyan-100: #CEF1FC;
    --cyan-200: #9DE3FA;
    --cyan-300: #6CD4F7;
    --cyan-400: #3BC6F5;
    --cyan-500: #0AB8F2;
    --cyan-600: #0893C2;
    --cyan-700: #066E91;
    --cyan-800: #044A61;
    --cyan-900: #022530;
    --red-100: #FFF2F2;
    --red-200: #FFCECE;
    --red-300: #FFADAD;
    --red-400: #FF7A7A;
    --red-500: #F95454;
    --red-600: #F52929;
    --red-700: #EB0909;
    --red-800: #C10C0D;
    --red-900: #A00C0C;
    --red-1000: #730C0C;
    --orange-100: #FFF6E2;
    --orange-200: #FFE1A6;
    --orange-300: #FFC766;
    --orange-400: #FFAF38;
    --orange-500: #FF8A00;
    --orange-600: #E26A00;
    --orange-700: #C95000;
    --orange-800: #AE3D04;
    --orange-900: #882E07;
    --orange-1000: #691E08;
    --yellow-100: #FFFCD5;
    --yellow-200: #FFEF86;
    --yellow-300: #FFDF41;
    --yellow-400: #FFC919;
    --yellow-500: #EEA600;
    --yellow-600: #CE8200;
    --yellow-700: #AE6402;
    --yellow-800: #8E4A06;
    --yellow-900: #6E3606;
    --yellow-1000: #4C2609;
    --green-100: #E4FDED;
    --green-200: #92F7BA;
    --green-300: #41E287;
    --green-400: #15D36E;
    --green-500: #05BE62;
    --green-600: #029C54;
    --green-700: #007744;
    --green-800: #04633D;
    --green-900: #054D33;
    --green-1000: #07432F;
    --purple-100: #F9EEFF;
    --purple-200: #F0D3FF;
    --purple-300: #E4B6FF;
    --purple-400: #D694F9;
    --purple-500: #B476DD;
    --purple-600: #9153BB;
    --purple-700: #7E40AC;
    --purple-800: #6A2E99;
    --purple-900: #561A87;
    --purple-1000: #460A7A;
    --lime-100: #F9FDDE;
    --lime-200: #F1F49B;
    --lime-300: #E0E86A;
    --lime-400: #C7D540;
    --lime-500: #A4BB0B;
    --lime-600: #8BA702;
    --lime-700: #667F00;
    --lime-800: #506901;
    --lime-900: #3A4D04;
    --lime-1000: #2E4005;
    --pink-100: #FFECFC;
    --pink-200: #FFCBF6;
    --pink-300: #FFADEF;
    --pink-400: #FF7DE5;
    --pink-500: #E753BF;
    --pink-600: #C8329F;
    --pink-700: #AA157D;
    --pink-800: #8F0465;
    --pink-900: #71054D;
    --pink-1000: #510736;
    --teal-100: #D1FAFD;
    --teal-200: #74EEF7;
    --teal-300: #34DCE8;
    --teal-400: #2EC0CB;
    --teal-500: #1DB6C0;
    --teal-600: #008E94;
    --teal-700: #007A87;
    --teal-800: #006075;
    --teal-900: #1D445D;
    --teal-1000: #15384E;
    --indigo-100: #EDF5FF;
    --indigo-200: #C8DFFF;
    --indigo-300: #A9C7FC;
    --indigo-400: #789DF4;
    --indigo-500: #5C6FCB;
    --indigo-600: #4C5AB7;
    --indigo-700: #4D4DB9;
    --indigo-800: #44339F;
    --indigo-900: #362284;
    --indigo-1000: #2A1A6A;
    --coolgray-5: #F5F5FA;
    --coolgray-10: #E4E4F0;
    --coolgray-100: #D3D3E5;
    --coolgray-200: #C8C8DD;
    --coolgray-300: #A8A8BD;
    --coolgray-400: #8C8C9F;
    --coolgray-500: #717182;
    --coolgray-600: #4A4A56;
    --coolgray-700: #3F3F4A;
    --coolgray-800: #33333D;
    --coolgray-900: #1D1D23;
    --coolgray-1000: #12131F;
    --gray-5: #F2F2F2;
    --gray-10: #E6E6E6;
    --gray-100: #DEDEDE;
    --gray-200: #C6C6C6;
    --gray-300: #ADADAD;
    --gray-400: #8F8F8F;
    --gray-500: #737373;
    --gray-600: #5C5C5C;
    --gray-700: #474747;
    --gray-800: #363636;
    --gray-900: #262626;
    --gray-1000: #121212;
    /* -/HCL Software Primitive */
    /* Light Mode */
    --chart-alerts-critical: var(--red-700);
    --chart-alerts-warning: var(--orange-500);
    --chart-alerts-notice: var(--yellow-500);
    --chart-alerts-normal: var(--green-600);
    --chart-fullpallete-color01: var(--purple-700);
    --chart-fullpallete-color02: var(--red-900);
    --chart-fullpallete-color03: var(--green-700);
    --chart-fullpallete-color04: var(--yellow-600);
    --chart-fullpallete-color05: var(--orange-800);
    --chart-fullpallete-color06: var(--blue-500);
    --chart-fullpallete-color07: var(--red-500);
    --chart-fullpallete-color08: var(--indigo-700);
    --chart-fullpallete-color09: var(--teal-600);
    --chart-fullpallete-color10: var(--purple-500);
    --chart-fullpallete-color11: var(--teal-800);
    --chart-fullpallete-color12: var(--red-1000);
    --chart-fullpallete-color13: var(--pink-600);
    --chart-fullpallete-color14: var(--blue-1000);
    --chart-1colorpallete-option01-color01: var(--chart-fullpallete-color01);
    --chart-1colorpallete-option02-color01: var(--chart-fullpallete-color08);
    --chart-1colorpallete-option03-color01: var(--chart-fullpallete-color06);
    --chart-1colorpallete-option04-color01: var(--chart-fullpallete-color11);
    --chart-2colorspallete-option01-color01: var(--chart-fullpallete-color01);
    --chart-2colorspallete-option01-color02: var(--chart-fullpallete-color09);
    --chart-2colorspallete-option02-color01: var(--chart-fullpallete-color10);
    --chart-2colorspallete-option02-color02: var(--chart-fullpallete-color12);
    --chart-2colorspallete-option03-color01: var(--chart-fullpallete-color02);
    --chart-2colorspallete-option03-color02: var(--chart-fullpallete-color12);
    --chart-2colorspallete-option04-color01: var(--chart-fullpallete-color06);
    --chart-2colorspallete-option04-color02: var(--chart-fullpallete-color11);
    --chart-2colorspallete-option05-color01: var(--chart-fullpallete-color09);
    --chart-2colorspallete-option05-color02: var(--chart-fullpallete-color14);
    --chart-3colorspallete-option01-color01: var(--chart-fullpallete-color10);
    --chart-3colorspallete-option01-color02: var(--chart-fullpallete-color11);
    --chart-3colorspallete-option01-color03: var(--chart-fullpallete-color02);
    --chart-3colorspallete-option02-color01: var(--chart-fullpallete-color02);
    --chart-3colorspallete-option02-color02: var(--red-500);
    --chart-3colorspallete-option02-color03: var(--chart-fullpallete-color12);
    --chart-3colorspallete-option03-color01: var(--chart-fullpallete-color10);
    --chart-3colorspallete-option03-color02: var(--chart-fullpallete-color11);
    --chart-3colorspallete-option03-color03: var(--chart-fullpallete-color14);
    --chart-3colorspallete-option04-color01: var(--chart-fullpallete-color13);
    --chart-3colorspallete-option04-color02: var(--chart-fullpallete-color06);
    --chart-3colorspallete-option04-color03: var(--chart-fullpallete-color01);
    --chart-3colorspallete-option05-color01: var(--chart-fullpallete-color14);
    --chart-3colorspallete-option05-color02: var(--chart-fullpallete-color01);
    --chart-3colorspallete-option05-color03: var(--chart-fullpallete-color09);
    --chart-4colorspallete-option01-color01: var(--chart-fullpallete-color02);
    --chart-4colorspallete-option01-color02: var(--chart-fullpallete-color07);
    --chart-4colorspallete-option01-color03: var(--chart-fullpallete-color12);
    --chart-4colorspallete-option01-color04: var(--chart-fullpallete-color10);
    --chart-4colorspallete-option02-color01: var(--chart-fullpallete-color01);
    --chart-4colorspallete-option02-color02: var(--chart-fullpallete-color14);
    --chart-4colorspallete-option02-color03: var(--chart-fullpallete-color09);
    --chart-4colorspallete-option02-color04: var(--chart-fullpallete-color13);
    --chart-4colorspallete-option03-color01: var(--chart-fullpallete-color09);
    --chart-4colorspallete-option03-color02: var(--chart-fullpallete-color14);
    --chart-4colorspallete-option03-color03: var(--chart-fullpallete-color10);
    --chart-4colorspallete-option03-color04: var(--chart-fullpallete-color02);
    --chart-5colorspallete-option01-color01: var(--chart-fullpallete-color01);
    --chart-5colorspallete-option01-color02: var(--chart-fullpallete-color06);
    --chart-5colorspallete-option01-color03: var(--chart-fullpallete-color11);
    --chart-5colorspallete-option01-color04: var(--chart-fullpallete-color02);
    --chart-5colorspallete-option01-color05: var(--chart-fullpallete-color12);
    --chart-5colorspallete-option02-color01: var(--chart-fullpallete-color14);
    --chart-5colorspallete-option02-color02: var(--chart-fullpallete-color09);
    --chart-5colorspallete-option02-color03: var(--chart-fullpallete-color02);
    --chart-5colorspallete-option02-color04: var(--chart-fullpallete-color12);
    --chart-5colorspallete-option02-color05: var(--chart-fullpallete-color10);
    --chart-monochromaticpallete-teal01: var(--teal-100);
    --chart-monochromaticpallete-teal02: var(--teal-200);
    --chart-monochromaticpallete-teal03: var(--teal-300);
    --chart-monochromaticpallete-teal04: var(--teal-400);
    --chart-monochromaticpallete-teal05: var(--teal-500);
    --chart-monochromaticpallete-teal06: var(--teal-600);
    --chart-monochromaticpallete-teal07: var(--teal-700);
    --chart-monochromaticpallete-teal08: var(--teal-800);
    --chart-monochromaticpallete-teal09: var(--teal-900);
    --chart-monochromaticpallete-teal10: var(--teal-1000);
    --chart-monochromaticpallete-indigo01: var(--indigo-100);
    --chart-monochromaticpallete-indigo02: var(--indigo-200);
    --chart-monochromaticpallete-indigo03: var(--indigo-300);
    --chart-monochromaticpallete-indigo04: var(--indigo-400);
    --chart-monochromaticpallete-indigo05: var(--indigo-500);
    --chart-monochromaticpallete-indigo06: var(--indigo-600);
    --chart-monochromaticpallete-indigo07: var(--indigo-700);
    --chart-monochromaticpallete-indigo08: var(--indigo-800);
    --chart-monochromaticpallete-indigo09: var(--indigo-900);
    --chart-monochromaticpallete-indigo10: var(--indigo-1000);
    --chart-monochromaticpallete-purple01: var(--purple-100);
    --chart-monochromaticpallete-purple02: var(--purple-200);
    --chart-monochromaticpallete-purple03: var(--purple-300);
    --chart-monochromaticpallete-purple04: var(--purple-400);
    --chart-monochromaticpallete-purple05: var(--purple-500);
    --chart-monochromaticpallete-purple06: var(--purple-600);
    --chart-monochromaticpallete-purple07: var(--purple-700);
    --chart-monochromaticpallete-purple08: var(--purple-800);
    --chart-monochromaticpallete-purple09: var(--purple-900);
    --chart-monochromaticpallete-purple10: var(--purple-1000);
    --chart-monochromaticpallete-blue01: var(--blue-100);
    --chart-monochromaticpallete-blue02: var(--blue-200);
    --chart-monochromaticpallete-blue03: var(--blue-300);
    --chart-monochromaticpallete-blue04: var(--blue-400);
    --chart-monochromaticpallete-blue05: var(--blue-500);
    --chart-monochromaticpallete-blue06: var(--blue-600);
    --chart-monochromaticpallete-blue07: var(--blue-700);
    --chart-monochromaticpallete-blue08: var(--blue-800);
    --chart-monochromaticpallete-blue09: var(--blue-900);
    --chart-monochromaticpallete-blue10: var(--blue-1000);
    --chart-reversemonochromaticpallete-teal01: var(--teal-1000);
    --chart-reversemonochromaticpallete-teal02: var(--teal-900);
    --chart-reversemonochromaticpallete-teal03: var(--teal-800);
    --chart-reversemonochromaticpallete-teal04: var(--teal-700);
    --chart-reversemonochromaticpallete-teal05: var(--teal-600);
    --chart-reversemonochromaticpallete-teal06: var(--teal-500);
    --chart-reversemonochromaticpallete-teal07: var(--teal-400);
    --chart-reversemonochromaticpallete-teal08: var(--teal-300);
    --chart-reversemonochromaticpallete-teal09: var(--teal-200);
    --chart-reversemonochromaticpallete-teal10: var(--teal-100);
    --chart-reversemonochromaticpallete-indigo01: var(--indigo-1000);
    --chart-reversemonochromaticpallete-indigo02: var(--indigo-900);
    --chart-reversemonochromaticpallete-indigo03: var(--indigo-800);
    --chart-reversemonochromaticpallete-indigo04: var(--indigo-700);
    --chart-reversemonochromaticpallete-indigo05: var(--indigo-600);
    --chart-reversemonochromaticpallete-indigo06: var(--indigo-500);
    --chart-reversemonochromaticpallete-indigo07: var(--indigo-400);
    --chart-reversemonochromaticpallete-indigo08: var(--indigo-300);
    --chart-reversemonochromaticpallete-indigo09: var(--indigo-200);
    --chart-reversemonochromaticpallete-indigo10: var(--indigo-100);
    --chart-reversemonochromaticpallete-purple01: var(--purple-1000);
    --chart-reversemonochromaticpallete-purple02: var(--purple-900);
    --chart-reversemonochromaticpallete-purple03: var(--purple-800);
    --chart-reversemonochromaticpallete-purple04: var(--purple-700);
    --chart-reversemonochromaticpallete-purple05: var(--purple-600);
    --chart-reversemonochromaticpallete-purple06: var(--purple-500);
    --chart-reversemonochromaticpallete-purple07: var(--purple-400);
    --chart-reversemonochromaticpallete-purple08: var(--purple-300);
    --chart-reversemonochromaticpallete-purple09: var(--purple-200);
    --chart-reversemonochromaticpallete-purple10: var(--purple-100);
    --chart-reversemonochromaticpallete-red01: var(--red-1000);
    --chart-reversemonochromaticpallete-red02: var(--red-900);
    --chart-reversemonochromaticpallete-red03: var(--red-800);
    --chart-reversemonochromaticpallete-red04: var(--red-700);
    --chart-reversemonochromaticpallete-red05: var(--red-600);
    --chart-reversemonochromaticpallete-red06: var(--red-500);
    --chart-reversemonochromaticpallete-red07: var(--red-400);
    --chart-reversemonochromaticpallete-red08: var(--red-300);
    --chart-reversemonochromaticpallete-red09: var(--red-200);
    --chart-reversemonochromaticpallete-red10: var(--red-100);
    --chart-areapallete-color01: var(--purple-200);
    --chart-areapallete-color02: var(--red-200);
    --chart-areapallete-color03: var(--green-200);
    --chart-areapallete-color04: var(--yellow-100);
    --chart-areapallete-color05: var(--orange-200);
    --chart-areapallete-color06: var(--blue-200);
    --chart-areapallete-color07: var(--red-100);
    --chart-areapallete-color08: var(--indigo-200);
    --chart-areapallete-color09: var(--teal-200);
    --chart-areapallete-color10: var(--purple-100);
    --chart-areapallete-color11: var(--teal-300);
    --chart-areapallete-color12: var(--red-300);
    --chart-areapallete-color13: var(--pink-300);
    --chart-areapallete-color14: var(--blue-300);
    /* Light Mode Colors */
    --chart-text-color: #4B525C;
    --chart-axis-color: #ccc;
    --chart-tooltip-bg: #ffffff;
    --chart-tooltip-text: #333333;
    --chart-tooltip-border: #cccccc;
    --chart-symbol-border: #4086f9;
    --chart-area-top: #4086f9;
    --chart-area-bottom: #4086f9;
    --chart-line2: #2874f0;
    --chart-bar-color: #a3c9f5;
    --chart-barsecondary-color: #f7c68b;
    --chart-orange-color: #fe8a01;
    --chart-green-color: #15d36d;
    --chart-yellow-color: #ffdf42;
    --chart-red-color: #ea0b09;
    --chart-royalblue-color: #5070DD;
    --chart-charcoal-color: #4f5372;
    --chart-monochrome-bluecolor1: #70A2F4;
    --chart-monochrome-bluecolor2: #4584E9;
    --chart-monochrome-bluecolor3: #4573BD;
    --chart-monochrome-bluecolor4: #3380FB;
    --chart-monochrome-bluecolor5: #164FAA;
}

body.dark-mode {
    --chart-text-color: #cccccc;
    --chart-axis-color: #555555;
    --chart-tooltip-bg: #222222;
    --chart-tooltip-text: #eeeeee;
    --chart-tooltip-border: #444444;
    --chart-symbol-border: #4086f9;
    --chart-area-top: #4086f9;
    --chart-area-bottom: #4086f9;
    --chart-line2: #2874f0;
    --chart-bar-color: #4086f9;
    --chart-barsecondary-color: #f7c68b;
    --chart-orange-color: #fe8a01;
    --chart-green-color: #15d36d;
    --chart-yellow-color: #ffdf42;
    --chart-red-color: #ea0b09;
    --chart-royalblue-color: #5070DD;
    --chart-charcoal-color: #4f5372;
    --chart-monochrome-bluecolor1: #70A2F4;
    --chart-monochrome-bluecolor2: #4584E9;
    --chart-monochrome-bluecolor3: #4573BD;
    --chart-monochrome-bluecolor4: #3380FB;
    --chart-monochrome-bluecolor5: #164FAA;
}