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

body {
    background-color: var(--black) !important;
    color: var(--white) !important;
}

input,
textarea,
md-select,
md-autocomplete {
    color: var(--white);
    outline: 2px solid var(--gray300);
    background: var(--gray100);
    transition: outline-color 0.15s ease;
}

input:focus,
textarea:focus,
md-select:focus,
md-autocomplete input:focus{
    outline: 2px solid var(--gray500);
}


input::placeholder,
textarea::placeholder,
md-select .md-select-value.md-select-placeholder,
textarea::placeholder {
    color: var(--gray300);
}

.text-black {
    color: var(--black);
}

.text-white {
    color: var(--white);
}

img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(213deg) brightness(101%) contrast(103%);
}