@font-face {
	font-family: "JetBrains";
	src: url("../fonts/JetBrainsMono-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Ubuntu";
	src: url("../fonts/Ubuntu-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Inter";
	src: url("../fonts/Inter.ttf") format("truetype");
}

:root[theme="light"] {
	--background: #f9fafb;
	--text: #1f2937;
	--box-main: #f3f4f6;
	--box-toggle: rgb(215 238 233);
	--box-separation: #e5e7eb;
	--box-toggleOn: rgb(127, 250, 172);
	--item-bg: #dddddd;
	--box-shadow: none;
	--select: #d0d2d6;
	--greenBtn: #22c55e;
	--greenBtn-bottom: #16a34a;
	--redBtn: #d64d4f;
	--redBtn-bottom: #854243;
	--blueBtn: #3b82f6;
	--blueBtn-bottom: rgb(44, 78, 180);
}

:root[theme="dark"] {
	--background: #121212;
	--text: rgb(229, 229, 229);
	--box-main: #1d1d1d;
	--box-toggle: #191919;
	--box-separation: #2e2e2e;
	--box-toggleOn: #2e2e2e;
	--item-bg: #2c2e31;
	--box-shadow: none;
	--select: #252426;
	--greenBtn: #05aa76;
	--greenBtn-bottom: #047652;
	--redBtn: #c82b2d;
	--redBtn-bottom: #803334;
	--blueBtn: rgb(80, 140, 230);
	--blueBtn-bottom: rgb(44, 78, 180);
	--border: none;
}

:root[theme="frappe"] {
	--background: #232634;
	--text: #e2e8ff;
	--box-main: #303446;
	--box-toggle: #414559;
	--box-separation: #414559;
	--box-toggleOn: #607dc1;
	--item-bg: #414559;
	--select: #3b3e4a;
	--greenBtn: #78c346;
	--greenBtn-bottom: #597844;
	--redBtn: #d64d4f;
	--redBtn-bottom: #854243;
	--blueBtn: rgb(80, 128, 230);
	--blueBtn-bottom: rgb(44, 78, 180);
}
:root[theme="onedark"] {
	--background: #282c34;
	--text: #d2d6df;
	--box-main: #3a3d46;
	--box-toggle: #2f333d;
	--box-separation: #2f333d;
	--box-toggleOn: #13a3b7;
	--item-bg: #4d515d;
	--select: #262c33;
	--greenBtn: #85cf50;
	--greenBtn-bottom: #406923;
	--redBtn: #be2d39;
	--redBtn-bottom: #791a22;
	--blueBtn: rgb(80, 128, 230);
	--blueBtn-bottom: rgb(44, 78, 180);
}
:root[theme="matrix"] {
	--background: #0d0208;
	--text: #00ff41;
	--box-main: #0c2216;
	--box-toggle: #214338;
	--box-separation: #214338;
	--box-toggleOn: #24782e;
	--item-bg: #214338;
	--select: #08180f;
	--greenBtn: #19b42b;
	--greenBtn-bottom: #10701c;
	--redBtn: #19b42b;
	--redBtn-bottom: #10701c;
	--blueBtn: #19b42b;
	--blueBtn-bottom: #10701c;
}

:root[theme="github"] {
	--background: #f6f8fa;
	--text: #292d31;
	--box-main: #ffffff;
	--box-toggle: #f3f3f3;
	--box-separation: #f3f3f3;
	--box-toggleOn: #cce5ff;
	--item-bg: #3a66d150;
	--select: #cce5ff;
	--greenBtn: #0a9431;
	--greenBtn-bottom: #0c6826;
	--redBtn: #d73a49;
	--redBtn-bottom: #9b2733;
	--blueBtn: #005cc5;
	--blueBtn-bottom: #00428e;
}

:root[theme="latte"] {
	--background: #dce0e8;
	--text: #4c4f69;
	--box-main: #eff1f5;
	--box-toggle: #e6e9ef;
	--box-separation: #e6e9ef;
	--box-toggleOn: #cce5ff;
	--item-bg: #e3e5ed;
	--select: #d2d7df;
	--greenBtn: #40a02b;
	--greenBtn-bottom: #2e711f;
	--redBtn: #d20f39;
	--redBtn-bottom: #9c0c2b;
	--blueBtn: #1e66f5;
	--blueBtn-bottom: rgb(3, 49, 101);
}

:root[theme="solarized-dark"] {
	--background: #002b36;
	--text: #a4b1b3;
	--box-main: #003745;
	--box-toggle: #2e4c52;
	--box-separation: #2e4c52;
	--box-toggleOn: #005a6f;
	--item-bg: #003745;
	--select: rgb(9, 57, 53);
	--greenBtn: #859900;
	--greenBtn-bottom: rgb(73, 84, 1);
	--redBtn: #dc322f;
	--redBtn-bottom: #af2523;
	--blueBtn: #268bd2;
	--blueBtn-bottom: #2074b1;
}
:root[theme="gruvbox"] {
	--background: #242424;
	--text: #fffefd;
	--box-main: #32302f;
	--box-toggle: #282828;
	--box-separation: #504945;
	--box-toggleOn: #458588;
	--item-bg: #4d515d;
	--select: #98971a;
	--greenBtn: #8ec07c;
	--greenBtn-bottom: #689d6a;
	--redBtn: #fb4934;
	--redBtn-bottom: #cc241d;
	--blueBtn: #7fa2ac;
	--blueBtn-bottom: #458588;
}
