:root {
    --black: #0f141f;
    --gray50: #141926;
    --gray100: #1a1f2e;
    --gray200: #252b40;
    --gray300: #374151;
    --gray400: #4b5563;
    --gray500: #9ca3af;
    --disabled: #23272b;
    --white: #fff;
    --accent: #46aef5;
    --green: #45be88;
    --blue: #46aef5;
    --red: #FF3347;
    --yellow: #FFB841;
    --pay: #da5c9f;

    --whiteStatic: #feffff;
    --blackStatic: #0f1620;
}

[data-theme="light"] {
    --black: #feffff;
    --gray50: #fbfdff;
    --gray100: #f5f8fa;
    --gray200: #e1e1e1;
    --gray300: #d0d0d0;
    --gray400: #a8a8a8;
    --gray500: #86909c;
    --white: rgb(41, 41, 41);
    --disabled: #86909c;
    --accent: rgb(176, 229, 134);
    --green: rgb(176, 229, 134);
    --blue: rgb(26, 115, 232);
    --red: #FF3347;
    --yellow: #FFB841;
}


[data-theme="light"] .img-white {
    filter: invert(5%) sepia(25%) saturate(1307%) hue-rotate(176deg) brightness(101%) contrast(93%);
}

[data-theme="light"] .img-black {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(213deg) brightness(101%) contrast(103%);
}