/*!
Easy Style CSS Framework v0.1.2
URL: https://github.com/felix-schindler/easy-style
*/

@import "layout.css";
@import "links.css";
@import "nav.css";
@import "buttons.css";
@import "inputs.css";
@import "disabled.css";
@import "table.css";
@import "typo.css";

/* Misc */
html {
	font-family: var(--sans);
	color-scheme: light dark;

	/* Accent */
	--accent-rgb: 30, 144, 255;
	--accent: rgb(var(--accent-rgb));
	--on-accent: white;

	/* Red */
	--red-rgb: 255, 64, 64;
	--red: rgb(var(--red-rgb));

	/* Gray */
	--gray-rgb: 150, 150, 150;
	--gray: rgb(var(--gray-rgb));

	/* Misc */
	--sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	--mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
	--radius: 8px;
	--trans: background-color 200ms;
}

code {
	color: var(--red);
	background-color: rgb(var(--gray-rgb), .3);
	border-radius: var(--radius);
	font-size: 14px;
	padding: .25em;
}

mark {
	color: var(--on-accent);
	background-color: var(--accent);
}

hr {
	border: 1px solid var(--gray);
	border-radius: var(--radius);
	border-collapse: collapse;
	width: 100%;
}

img, video {
	max-width: 100%;
	height: auto;
}

::selection {
	color: var(--on-accent);
	background-color: var(--accent);
}

/* :focus-visible {
	outline: 2px solid var(--accent);
} */