@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

:root {
    --bg-color: #434343;
    --gray: #c2c5cc;
    --gray2: #6c6c6c;
    --primary: #dd3d3d;
    --btn-grn: #40b361;
    --white: #fff;
    --black: #222;
    /*// --desktop-background: #f5f5f5;
    // buttons --button-text: #fff;*/
    --button-text-reverse: #222;
    --button-background: #dd3d3d;
    --button-border: #fff;
    --button-border-reverse: #222;
    --sfo-blue: #0063a7;
    --sfo-purple: #462e8c;
    --sfo-new-gray: #a6a6a6;
    --form-border: #dfdfdf;
    /*// New colors --neutral-100: #f6f5f7;*/
    --neutral-400-opacity: rgba(0, 0, 0, 0.1);
    --neutral-400: #dcddde;
    --neutral-500: #767676;
    --neutral-550: #646364;
    --neutral-600: #484848;
    --primary-400: #3f98cc;
    --primary-500: #452d8c;
    --secondary-500: #eb6664;
    --tertiary-500: #6ebbe5;
    --success-500: #89b153;
    --warning-500: #eb6664;
    --error-500: #eb6664;
    --shades-0: #ffffff;
    --shades-100: #000000;
    --txt-hover: #462e8c;
    --global-txt-btn-color: #484848;
    --global-txt-hover: #462e8c;
    --global-bg-color: #ffffff;
    --global-overlay-color: rgba(48, 48, 48, 0.9);
    --global-nav-color: #fff;
    --global-user-name: #494949;
    --table-row: #5e5e5e;
    /*//Form Generator colors --global-input-border: #ccc;*/
    /********************************* MATRIX LEGEND COLORS *********************************/
    --available: #89B153;
    --not-released: #ffffff;
    --hold: #DCDDDE;
    --reserved: #4A85E7;
    --deal-in-process: #EDBB84;
    --sold: #D29EC4;
    --conditional: #9E8FD3;
    --firm: #EB6663;
    --matrix-border: #e5e5e5;
    --matrix-selecting: #f7d8b2;
}