:root {
    --ms-main-color: #5a5252;
    --ms-mainbg-text: white;
    --ms-card-text: rgb(33, 37, 41);
    --ms-body-text: rgb(33, 37, 41);
    --ms-main-color-rgb: 90, 82, 82;
    --ms-link-hl: #5f5757;
    --ms-link-hl-rgb: 95, 87, 87;
    --ms-ink-color: #08707e;
    --ms-nav-bgcolor: #e7e7cf;
    --ms-nav-bgborder: #d1d1bc;
    --ms-nav-text-color: rgba(0,0,0,0.65);
    --ms-bgcolor: beige;
    --ms-field-background: #ffffff;
    --ms-body-color: #5a5252;
    /*--ms-body-text: #5a5252;*/
    --ms-border-color: #d1d1bc;

    --ms-field-bg: white;
    --ms-field-color: rgb(33, 37, 41);
    --ms-field-border-color: rgb(222, 226, 230);
    --ms-field-focus-bg: #fff;

    /*--ms-card-text: #5a5252;*/

    --ms-btn-bg: #212121;
    --ms-btn-border-color: #222;
    --ms-btn-hover-color: #fff;
    --ms-btn-hover-bg: #000;
    --ms-btn-hover-border-color: #333;
    --ms-btn-active-bg: #000;
    --ms-btn-active-border-color: #333;
    --ms-btn-disabled-bg: #333;
    --ms-btn-disabled-border-color: #555;

    /* highlights */
    --ms-highlight-pink: #f19eb8;
    --ms-border-pink: #f542a7;
    --ms-hover-pink: #ffdddd;
    --ms-disabled-pink: #f19eb899;
    --ms-color-pink: #3a2222;

    --ms-highlight-red: #fa7d67;
    --ms-border-red: #ff0000;
    --ms-hover-red: #fc9886;
    --ms-disabled-red: #fa7d6799;
    --ms-color-red: darkred;

    --ms-highlight-orange: #ffcc00;
    --ms-border-orange: orange;
    --ms-hover-orange: #ffdd00;
    --ms-disabled-orange: #ffcc0099;
    --ms-color-orange: #601d00;


    --ms-highlight-yellow: #ffe161;
    --ms-border-yellow: goldenrod;
    --ms-hover-yellow: lightyellow;
    --ms-disabled-yellow: #ffe16199;
    --ms-color-yellow: #330;

    --ms-highlight-green: #b9eb92;
    --ms-border-green: green;
    --ms-hover-green: lightgreen;
    --ms-disabled-green: #b9eb9299;
    --ms-color-green: #020;

    --ms-highlight-teal: #71d7d9;
    --ms-border-teal: teal;
    --ms-hover-teal: aqua;
    --ms-disabled-teal: #71d7d999;
    --ms-color-teal: #033;

    --ms-highlight-blue: #59d1f6;
    --ms-border-blue: blue;
    --ms-hover-blue: lightblue;
    --ms-disabled-blue: #59d1f699;
    --ms-color-blue: #003;

    --ms-highlight-purple: #b890f0;
    --ms-border-purple: purple;
    --ms-hover-purple: #d9c2ff;
    --ms-disabled-purple: #b890f099;
    --ms-color-purple: #303;

    --ms-highlight-gray: #bdbdbd;
    --ms-border-gray: #333;
    --ms-hover-gray: #cecece;
    --ms-disabled-gray: #bdbdbd99;
    --ms-color-gray: #333;

    --ms-highlight-focus: goldenrod;

    --ms-orange-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(253,167,67, 1) 90%, rgb(80, 80, 80) 100%);
    --ms-postit-orange-border: #858585;

    --ms-pink-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(243,107,160, 1) 90%, rgb(80, 80, 80) 100%);
    --ms-postit-pink-border: #858585;

    --ms-teal-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(52, 201, 194, 1) 90%, rgb(80, 80, 80) 100%);
    --ms-postit-teal-border: #858585;

    --ms-green-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(155, 216, 106, 1) 90%, rgb(80, 80, 80) 100%);
    --ms-postit-green-border: #858585;

    --ms-yellow-gradient: radial-gradient(farthest-corner at 0px 0px, rgba(249, 224, 14, 1) 90%, rgb(80, 80, 80) 100%);
    --ms-postit-yellow-border: #858585;

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

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

    --ms-colorsplash-blue: radial-gradient(farthest-corner at 0px 0px, white 70%, rgba(0, 0, 255, .5) 100%);

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

    --ms-colorsplash-int: radial-gradient(farthest-corner at 0px 0px, white 70%, rgba(0, 64, 128, .5) 100%);

    --ms-colorsplash-yellow: radial-gradient(farthest-corner at 0px 0px, white 70%, rgba(244, 244, 165, .5) 100%);

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

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

    --ms-danger-rgb: 220, 53, 69;
    --ms-muted-color: rgba(33, 37, 41, .75);

    --ms-box-shadow: rgba(0, 0, 0, .15);
    --ms-modal-backdrop-color: rgb(0, 0, 0);
    --ms-modal-backdrop-opacity: 0.5;
    --ms-warning-bg: rgba(255, 193, 7, 1);

    --ms-bluesky-color: #0085ff;
    --ms-discord-color: #5865F2;
    --ms-instagram-color: #833ab4;
    --ms-instagram-gradient: linear-gradient(to right, #833ab4,#fd1d1d,#fcb045 );
    --ms-facebook-color: #4267B2;
    --ms-threads-color: var(--ms-body-text);  /* should work dark and light */
    --ms-mastodon-color: #6364FF;
    --ms-twitter-color: var(--ms-body-text);
    --ms-tiktok-color: var(--ms-body-text);
    --ms-youtube-color: #ff0000;

    /* rank colors */
    --ms-rank-gold: #ffd700;
    --ms-rank-silver: #c0c0c0;
    --ms-rank-bronze: #cd7f32;
    --ms-rank-40-60: blue;
    --ms-rank-10-30: #602100;
    --ms-rank-0: #636363;
}