:root {
    --blue: #6457FE;
    --dark-blue: #5b4fe2;
    --red: #f44336;
    --dark-red: #d32f2f;
    --moon-grey: #f2f2f2;
    --icon-red: #da4453;
    --icon-orange: #f47750;
    --icon-yellow: #fdbc4b;
    --icon-green: #2ecc71;
    --icon-blue: #6457FE;
    --icon-violet: #9b59b6;
    --input-red: rgb(252, 208, 205);
    --input-green: rgb(201, 242, 218);
    --item-selected: white;
    --action: rgb(84, 110, 122);
    --background: #090C2A !important;
    --surfacePrimary: #221f4a81 !important;
    --surfaceSecondary: #282558 !important;
    --divider: rgba(0, 0, 0, .05);
    --iconPrimary: var(--icon-blue);
    --iconSecondary: rgb(255, 255, 255);
    --iconTertiary: rgb(204, 204, 204);
    --textPrimary: rgb(111, 111, 111);
    --textSecondary: rgb(51, 51, 51);
    --hover: rgba(0, 0, 0, .1);
    --borderPrimary: rgba(0, 0, 0, .1);
    --borderSecondary: rgba(0, 0, 0, .2);
    --dividerPrimary: rgba(255, 255, 255, .4);
    --dividerSecondary: rgba(255, 255, 255, .9)
}



:root {
    --input-red: rgb(115, 48, 45) !important;
    --input-green: rgb(20, 122, 65) !important;
    --action: rgb(255, 255, 255) !important;
    --textPrimary: rgba(255, 255, 255, .6) !important;
    --textSecondary: rgba(255, 255, 255, .87) !important;
    --divider: rgba(255, 255, 255, .12) !important;
    --iconPrimary: rgb(255, 255, 255) !important;
    --iconSecondary: rgb(255, 255, 255) !important;
    --iconTertiary: rgb(255, 255, 255) !important;
    --hover: rgba(255, 255, 255, .1) !important;
    --borderPrimary: rgba(255, 255, 255, .05) !important;
    --borderSecondary: rgba(255, 255, 255, .15) !important;
    --dividerPrimary: rgba(30, 30, 30, .4) !important;
    --dividerSecondary: rgba(30, 30, 30, .6) !important
}