@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

:root {
    /*
	--primary: #3d3d3d;
	--secondary: #535353;
	--trinary: #2c2c2c;
	--primary-text: #ffffff;
	--secondary-text: #a0a0a0;
	--primary-invert: #f3f3f3;
	--secondary-invert: #dbdbdb;
	--trinary-invert: #ffffff;
	--primary-invert-text: #3d3d3d;
	--secondary-invert-text: #535353;
	--accent: #00C800;
	--accent-dark: #008f00;
	--accent-light: #00ed00;
	--accent2: #3080FF;
	--accent2-dark: #225ab4;
	--accent3: #804000;
	--accent3-dark: #472400;
	--accent4: #F8B02C;
	--accent4-dark: #bd8724;
	--accent5: #9E3086;
	--accent5-dark: #6b215b;
	*/
    --primary: 61 61 61;
    --secondary: 83 83 83;
    --trinary: 44 44 44;
    --primary-text: 255 255 255;
    --secondary-text: 237 246 255;
    --primary-invert: 243 243 243;
    --secondary-invert: 219 219 219;
    --trinary-invert: 255 255 255;
    --primary-invert-text: 61 61 61;
    --secondary-invert-text: 83 83 83;
    --accent: 57 172 231;
    --accent-dark: 7 132 181;
    --accent-light: 153 204 255;
    --accent2: 48 128 255;
    --accent2-dark: 34 90 180;
    --accent3: 128 64 0;
    --accent3-dark: 71 36 0;
    --accent4: 248 176 44;
    --accent4-dark: 189 135 36;
    --accent5: 158 48 134;
    --accent5-dark: 107 33 91;
    --primary-border: 61 61 61;
    --secondary-border: 83 83 83;
    --trinary-border: 44 44 44;
}

.light\-theme {
    --primary: 243 243 243;
    --secondary: 219 219 219;
    --trinary: 255 255 255;
    --primary-text: 61 61 61;
    --secondary-text: 83 83 83;
    --primary-invert: 61 61 61;
    --secondary-invert: 83 83 83;
    --trinary-invert: 44 44 44;
    --primary-text-invert: 255 255 255;
    --secondary-text-invert: 160 160 160;
}

body {
    -webkit-tap-highlight-color: var(--accent);
}

::-webkit-scrollbar {
    width: 0.5rem;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 0.25rem;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--accent-dark);
    }