@import url("https://unpkg.com/@catppuccin/palette/css/catppuccin.css");
:root {
	--background-image: var(--ctp-macchiato-base) /*base*/;
	--background: #1e1e2e;
	--background-input: var(--ctp-macchiato-mantle) /*mantle*/;
	--background-dark: #11111b /*crust*/;

	--text-primary: var(--ctp-macchiato-blue) /*blue*/;
	--background-settings: var(--ctp-macchiato-surface0) /*surface0*/;
	--background-settings-buttons: var(--ctp-macchiato-surface1) /*surface1*/;
	--input: var(--ctp-macchiato-surface0) /*surface0*/;
	--background-column: var(--ctp-macchiato-crust) /*crust*/;

	--text-primary: var(--ctp-macchiato-text) /*text*/;
	--text-secondary: var(--ctp-macchiato-subtext1) /*subtext1*/;
	--text-placeholder: var(--ctp-macchiato-subtext0) /*subtext0*/;
	--background-color: var(--ctp-macchiato-base) /* base */;
	--tab-active-background: var(--ctp-macchiato-mantle) /* mantle */;
}

input,
select,
.column,
.key-form,
button,
.key-button,
.searchbar {
	background-color: var(--ctp-macchiato-surface0) /*surface0*/;
	color: var(--ctp-macchiato-subtext1) /*subtext1*/;
}

.settings-card {
	background-color: var(--ctp-macchiato-mantle) /*mantle*/;
}

input:checked + .slider-round {
	background-color: #000;
}

.fixed-nav-bar-right .navbar-link {
	color: var(--ctp-macchiato-mauve) /*mauve*/;
}

.fixed-nav-bar-right:hover .navbar-link:hover {
	color: var(--ctp-macchiato-blue) /*blue*/;
}
