:root {
    --treetop-gray-semitransparent: rgba(243, 243, 243, 0.85);
    --treetop-gray-50: rgb(250, 250, 250);
    --treetop-gray-100: rgb(244, 244, 244);
    --treetop-gray-150: rgb(238, 238, 238);
    --treetop-gray-200: rgb(229, 229, 229);
    --treetop-gray-300: rgb(212, 212, 212);
    --treetop-gray-400: rgb(163, 163, 163);
    --treetop-gray-500: rgb(115, 115, 115);
    --treetop-gray-600: rgb(82, 82, 82);
    --treetop-gray-700: rgb(64, 64, 64);
    --treetop-gray-800: rgb(38, 38, 38);
    --treetop-gray-900: rgb(23, 23, 23);

    --treetop-cool-semitransparentay-50: rgb(248, 250, 252, .85);
    --treetop-cool-gray-50: rgb(248, 250, 252);
    --treetop-cool-gray-100: rgb(247, 250, 252);
    --treetop-cool-gray-200: rgb(237, 242, 247);
    --treetop-cool-gray-300: rgb(226, 232, 240);
    --treetop-cool-gray-400: rgb(203, 213, 224);
    --treetop-cool-gray-500: rgb(160, 174, 192);
    --treetop-cool-gray-600: rgb(113, 128, 150);
    --treetop-cool-gray-700: rgb(74, 85, 104);
    --treetop-cool-gray-800: rgb(45, 55, 72);
    --treetop-cool-gray-900: rgb(26, 32, 44);

    --treetop-red-semitransparent: rgb(252, 237, 237, .85);
    --treetop-red-50: rgb(252, 237, 237);
    --treetop-red-100: rgb(245, 212, 212);
    --treetop-red-200: rgb(238, 163, 163);
    --treetop-red-300: rgb(230, 138, 138);
    --treetop-red-400: rgb(236, 91, 91);
    --treetop-red-500: rgb(243, 62, 62);
    --treetop-red-600: rgb(214, 46, 46);
    --treetop-red-700: rgb(160, 28, 28);
    --treetop-red-800: rgb(107, 25, 25);
    --treetop-red-900: rgb(92, 28, 28);

    --treetop-orange-semitransparent: rgb(253, 243, 223, .85);
    --treetop-orange-50: rgb(253, 243, 223);
    --treetop-orange-100: rgb(245, 228, 197);
    --treetop-orange-200: rgb(247, 226, 188);
    --treetop-orange-300: rgb(251, 211, 141);
    --treetop-orange-400: rgb(246, 173, 85);
    --treetop-orange-500: rgb(237, 137, 54);
    --treetop-orange-600: rgb(206, 118, 46);
    --treetop-orange-700: rgb(182, 104, 41);
    --treetop-orange-800: rgb(145, 82, 30);
    --treetop-orange-900: rgb(110, 62, 23);

    --treetop-yellow-semitransparent: rgb(252, 248, 212, .85);
    --treetop-yellow-50: rgb(252, 248, 212);
    --treetop-yellow-100: rgb(254, 249, 195);
    --treetop-yellow-200: rgb(254, 249, 195);
    --treetop-yellow-300: rgb(253, 224, 71);
    --treetop-yellow-400: rgb(250, 204, 21);
    --treetop-yellow-500: rgb(224, 182, 14);
    --treetop-yellow-600: rgb(189, 153, 8);
    --treetop-yellow-700: rgb(143, 115, 3);
    --treetop-yellow-800: rgb(121, 97, 2);
    --treetop-yellow-900: rgb(75, 60, 1);

    --treetop-green-semitransparent: rgb(234, 255, 240, .85);
    --treetop-green-50: rgb(234, 255, 240);
    --treetop-green-100: rgb(205, 245, 216);
    --treetop-green-200: rgb(198, 246, 213);
    --treetop-green-300: rgb(154, 230, 180);
    --treetop-green-400: rgb(104, 211, 145);
    --treetop-green-500: rgb(72, 187, 120);
    --treetop-green-600: rgb(56, 161, 105);
    --treetop-green-700: rgb(47, 133, 90);
    --treetop-green-800: rgb(39, 103, 73);
    --treetop-green-900: rgb(34, 84, 61);

    --treetop-teal-semitransparent0: rgb(224, 255, 249, .85);
    --treetop-teal-100: rgb(224, 255, 249);
    --treetop-teal-100: rgb(204, 255, 245);
    --treetop-teal-200: rgb(178, 245, 234);
    --treetop-teal-300: rgb(129, 230, 217);
    --treetop-teal-400: rgb(79, 209, 197);
    --treetop-teal-500: rgb(56, 178, 172);
    --treetop-teal-600: rgb(49, 151, 149);
    --treetop-teal-700: rgb(44, 122, 123);
    --treetop-teal-800: rgb(40, 94, 97);
    --treetop-teal-900: rgb(35, 78, 82);

    --treetop-blue-semitransparent: rgb(227, 244, 253, .85);
    --treetop-blue-50: rgb(227, 244, 253);
    --treetop-blue-100: rgb(213, 240, 255);
    --treetop-blue-200: rgb(190, 227, 248);
    --treetop-blue-300: rgb(144, 205, 244);
    --treetop-blue-400: rgb(99, 179, 237);
    --treetop-blue-500: rgb(66, 153, 225);
    --treetop-blue-600: rgb(49, 130, 206);
    --treetop-blue-700: rgb(43, 108, 176);
    --treetop-blue-800: rgb(44, 82, 130);
    --treetop-blue-900: rgb(42, 67, 101);

    --treetop-indigo-semitransparent: rgb(230, 241, 255, .85);
    --treetop-indigo-50: rgb(230, 241, 255);
    --treetop-indigo-100: rgb(212, 231, 255);
    --treetop-indigo-200: rgb(195, 218, 254);
    --treetop-indigo-300: rgb(163, 191, 250);
    --treetop-indigo-400: rgb(127, 156, 245);
    --treetop-indigo-500: rgb(102, 126, 234);
    --treetop-indigo-600: rgb(90, 103, 216);
    --treetop-indigo-700: rgb(76, 81, 191);
    --treetop-indigo-800: rgb(67, 65, 144);
    --treetop-indigo-900: rgb(60, 54, 107);

    --treetop-purple-semitransparent: rgb(247, 239, 255, .85);
    --treetop-purple-50: rgb(247, 239, 255);
    --treetop-purple-100: rgb(240, 225, 255);
    --treetop-purple-200: rgb(233, 216, 253);
    --treetop-purple-300: rgb(214, 188, 250);
    --treetop-purple-400: rgb(183, 148, 244);
    --treetop-purple-500: rgb(159, 122, 234);
    --treetop-purple-600: rgb(143, 109, 209);
    --treetop-purple-700: rgb(113, 86, 165);
    --treetop-purple-800: rgb(87, 66, 126);
    --treetop-purple-900: rgb(64, 48, 92);

    --treetop-pink-semitransparent: rgb(255, 234, 244, .85);
    --treetop-pink-50: rgb(255, 234, 244);
    --treetop-pink-100: rgb(255, 223, 238);
    --treetop-pink-200: rgb(253, 184, 217);
    --treetop-pink-300: rgb(248, 153, 199);
    --treetop-pink-400: rgb(245, 127, 184);
    --treetop-pink-500: rgb(238, 94, 164);
    --treetop-pink-600: rgb(218, 75, 149);
    --treetop-pink-700: rgb(184, 50, 128);
    --treetop-pink-800: rgb(151, 38, 109);
    --treetop-pink-900: rgb(112, 36, 89);

    --treetop-app-background: #f9f9f9;
    --treetop-app-menu-background: var(--treetop-ui-element-background);
    --treetop-vertical-menu-background: var(--treetop-ui-element-background);
    --treetop-app-header-background: rgb(255, 255, 255);

    --treetop-text-primary: rgb(26, 26, 26);
    --treetop-text-secondary: rgb(122, 122, 122);
    --treetop-text-tertiary: rgb(170, 170, 170);
    --treetop-text-quaternary: rgb(190, 190, 190);
    --treetop-prose-text-primary: rgb(36, 36, 36);
    --treetop-prose-heading-color: var(--treetop-text-primary);

    --treetop-illustration-background: rgb(243, 243, 243);
    --treetop-illustration-foreground: var(--treetop-ui-element-background);
    --treetop-illustration-foreground-2: rgb(220, 220, 220);

    --treetop-overlay-color-light: rgba(250, 250, 250, .7);
    --treetop-overlay-color-dark: rgba(19, 19, 19, .7);
    --treetop-loading-overlay-background: rgba(30, 30, 30, .6);
    --treetop-overlay-ui-element-background: rgba(255, 255, 255, .6);

    --treetop-ui-element-background: white;
    --treetop-ui-element-background-2: rgb(243, 243, 243);
    --treetop-ui-element-background-semi-transparent: rgba(255, 255, 255, 0.5);
    --treetop-button-ghost-border-color: #eceef1;

    --treetop-menu-hover-background: rgb(0 0 0 / 2.75%);
    --treetop-menu-active-background: rgb(0 0 0 / 3%);
    --treetop-menu-border: var(--treetop-ui-element-border);

    --treetop-popup-background: rgb(255, 255, 255);
    --treetop-popup-foreground: rgb(255, 255, 255);
    
    --treetop-code-block-background: rgb(244, 244, 247);
    --treetop-code-block-powershell-background: #012456;
    --treetop-code-block-powershell-text-color: white;
}