:root {
    -webkit-tap-highlight-color: transparent;
    --corner-radius: 1rem;
    --color-blue: #0b83a6;
    --color-red: #C43434;
    --color-orange: #D2892B;
    --color-purple: #7839C4;
    --color-green: #217937;
    --color-purplepink: #882ab7;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(135,135,135,0.65);
    border-radius: 7px;
    border: transparent;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar {
    width: 4px;
}
.theme-dark {
    --thinShadow: 0 0 2px #000;
    --filter-backdrop: brightness(135%) saturate(120%) hue-rotate(10deg);
    --color-background: #2d2d2e;
    --color-foreground: #18181a;
    --color-foreground-transparent: #1a1a1caa;
    --color-foreground-inv: #fff;
    --color-bg-highlight: #2c2c2c;
    --color-text: #fff;
    --color-highlight: #fff;
    --color-border: #3c3c3c;
    --color-text-match: #ecec11;
    --color-background-match: #202f1c;
    --color-background-transparent: #333333e8;
    --color-bg-match-transparent:#202f1c87;
    --color-test: yellow;
}
.theme-light {
    --thinShadow: 0 0 2px #aaa;
    --filter-backdrop: brightness(95%) saturate(120%) hue-rotate(10deg);
    --color-background: #f3f3f3;
    --color-foreground: #fff;
    --color-foreground-transparent: #ffffff9a;
    --color-foreground-inv: #1a1a1c;
    --color-bg-highlight: #ededed;
    --color-text: #000;
    --color-highlight: #000;
    /*--color-border: #b5b5b5;*/
    --color-border: #b9b7b7;
    --color-text-match: #ee0e0e;
    --color-background-match: #c2dfbd;
    --color-background-transparent: #f2f2f2e8;
    --color-bg-match-transparent:#bbf4ab87;
    --color-test: blue;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    min-height: 100vh;
    color: var(--color-text);
    background-color: var(--color-background);
    margin: 0;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 28px;
    scrollbar-width: thin;
}
@media (max-width: 767.98px) {
    :root {
        --corner-radius: 0.8rem;
    }
}