:root {
    --fg-0: #FFFFFF;
    --fg-0-rgb: 255,255,255;
    --fg-1-600: #00DDD4;
    --fg-1-800: #009A94;
    --fg-1-1000: #005c58;
    --fg-1-1200: #003d3b;
    --fg-1-600-rgb: 0, 221, 212;
    --fg-1-400: #B2F4F2;
    --fg-2-600: #131313;
    --bg-3-rgb: 0,0,0;
    --bg-0-600: #131313;
    --bg-1-600: #202020;
    --bg-2-600: #2E353B;
    --bg-2-400: #575d62;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: var(--bg-2-600);
}

::-webkit-scrollbar-thumb {
    background: var(--fg-1-600);
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--fg-1-400);
    }

::selection {
    background: var(--fg-1-800);
}

::-moz-selection {
    background: var(--fg-1-800);
}

.dkr-input {
    background: var(--bg-0-600);
    border: 0;
    color: var(--fg-1-600);
}

input::placeholder {
    color: var(--fg-1-400);
}

input:focus-visible {
    outline: 2px solid var(--fg-1-800);
    outline-offset: 4px;
}