:root {
    --ms-main-color: #b8b0b0;
    --ms-mainbg-text: #222;
    --ms-card-text: #ccc;
    --ms-body-text: #ccc;
    --ms-main-color-rgb: 184, 176, 176;
    --ms-link-hl: #a8a0a0;
    --ms-link-hl-rgb: 168, 160, 160;
    --ms-ink-color: #4db8c7;
    --ms-nav-bgcolor: #181818;
    --ms-nav-bgborder: #3a3a2b;
    --ms-nav-text-color: #999;
    --ms-bgcolor: #222;
    --ms-body-color: #999;
    /*--ms-body-text: #999;*/
    --ms-border-color: #111;

    --ms-field-bg: #717171;
    --ms-field-color: rgb(211, 230, 251);
    --ms-field-border-color: rgb(92, 89, 89);
    --ms-field-focus-bg: #9a9a9a;

    /*--ms-card-text: #b8b8b0;*/
    --ms-btn-bg: #3a3a3a;
    --ms-btn-border-color: #4a4a4a;
    --ms-btn-hover-color: #fff;
    --ms-btn-hover-bg: #2a2a2a;
    --ms-btn-hover-border-color: #555;
    --ms-btn-active-bg: #2a2a2a;
    --ms-btn-active-border-color: #555;
    --ms-btn-disabled-bg: #2a2a2a;
    --ms-btn-disabled-border-color: #333;

    /* highlights - adjusted for dark mode contrast */
    --ms-highlight-pink: #d1749b;
    --ms-border-pink: #e03f8a;
    --ms-hover-pink: #3a2222;
    --ms-disabled-pink: #d1749b99;
    --ms-color-pink: #301a22;

    --ms-highlight-red: #e86b4a;
    --ms-border-red: #ff4444;
    --ms-hover-red: #d17863;
    --ms-disabled-red: #e86b4a99;
    --ms-color-red: #400;

    --ms-highlight-orange: #ffbb00;
    --ms-border-orange: #ffb400;
    --ms-hover-orange: #ffcc00;
    --ms-disabled-orange: #ffbb0099;
    --ms-color-orange: #471a00;

    --ms-highlight-yellow: #e6c244;
    --ms-border-yellow: #daa520;
    --ms-hover-yellow: #3a3a1a;
    --ms-disabled-yellow: #e6c24499;
    --ms-color-yellow: #323200;

    --ms-highlight-green: #8bc765;
    --ms-border-green: #4caf50;
    --ms-hover-green: #1a3a1a;
    --ms-disabled-green: #8bc76599;
    --ms-color-green: #030;

    --ms-highlight-teal: #4db8bb;
    --ms-border-teal: #26a69a;
    --ms-hover-teal: #1a3a3a;
    --ms-disabled-teal: #4db8bb99;
    --ms-color-teal: #002929;

    --ms-highlight-blue: #3cb5d9;
    --ms-border-blue: #2196f3;
    --ms-hover-blue: #1a2a3a;
    --ms-disabled-blue: #3cb5d999;
    --ms-color-blue: #004;

    --ms-highlight-purple: #9c6dd3;
    --ms-border-purple: #9c27b0;
    --ms-hover-purple: #2a1a3a;
    --ms-disabled-purple: #9c6dd399;
    --ms-color-purple: #404;

    --ms-highlight-gray: #8a8a8a;
    --ms-border-gray: #666;
    --ms-hover-gray: #767676;
    --ms-disabled-gray: #8a8a8a99;
    --ms-color-gray: #444;

    --ms-highlight-focus: #836314;
	/* --ms-highlight-focus: #daa529; */

    --ms-orange-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(253,167,67,.6) 90%, rgb(40, 40, 40) 100%);
    --ms-postit-orange-border: #666;

    --ms-pink-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(243,107,160,.6) 90%, rgb(40, 40, 40) 100%);
    --ms-postit-pink-border: #666;

    --ms-teal-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(52, 201, 194, .6) 90%, rgb(40, 40, 40) 100%);
    --ms-postit-teal-border: #666;

    --ms-green-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(155, 216, 106, .6) 90%, rgb(40, 40, 40) 100%);
    --ms-postit-green-border: #666;

    --ms-yellow-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(249, 224, 14, .6) 90%, rgb(40, 40, 40) 100%);
    --ms-postit-yellow-border: #666;

    --ms-colorsplash-teal: radial-gradient(farthest-corner at 0px 0px, #2a2a2a 70%, rgba(8, 112, 126, .4) 100%);

    --ms-block-teal: rgba(0, 128, 128, .3);

    --ms-colorsplash-blue: radial-gradient(farthest-corner at 0px 0px, #2a2a2a 70%, rgba(0, 0, 255, .4) 100%);

    --ms-block-blue: rgba(0, 0, 255, .3);

    --ms-colorsplash-int: radial-gradient(farthest-corner at 0px 0px, #2a2a2a 70%, rgba(0, 64, 128, .4) 100%);

    --ms-colorsplash-yellow: radial-gradient(farthest-corner at 0px 0px, #2a2a2a 70%, rgba(244, 244, 165, .4) 100%);

    --ms-block-int: rgba(0, 64, 128, .3);

    --ms-background-thatch: url('/static/images/bg-dark.png');

    --ms-danger-rgb: 142, 33, 43;
    --ms-muted-color: rgba(170, 187, 209, 0.75);

    --ms-box-shadow: rgba(255, 255, 255, .5);
    --ms-modal-backdrop-color: rgb(128,128,128);
    --ms-modal-backdrop-opacity: 0.5;

    --ms-warning-bg: rgb(112, 83, 5);

}