@import "./catppuccin.css";

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

body {
	background-color: hsl(var(--base));
	color: hsl(var(--text));
	font-family:
		sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol", "Noto Color Emoji";
	font-size: 15px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
	--transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-tap-highlight-color: transparent;
	outline: 2px solid transparent;
	outline-offset: 4px;

	transition:
		color var(--transition),
		background-color var(--transition),
		box-shadow var(--transition),
		outline var(--transition),
		border-color var(--transition),
		border-radius var(--transition),
		font-weight var(--transition),
		opacity var(--transition),
		transform var(--transition),
		backdrop-filter var(--transition),
		filter var(--transition);

	&:focus-visible {
		outline-color: hsl(var(--blue));
	}
}

a {
	color: hsl(var(--blue));
	text-decoration: none;
}

::selection {
	background-color: hsl(var(--overlay0));
	color: hsl(var(--text));
}