@use 'sass:map';
@use '../../base/baseline' as *;

* {
	// outline: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
	font-variant-numeric: proportional-nums;
	-webkit-font-smoothing: antialiased;

	/* Disable scroll behavior until can figure out why it
	   scrolls when clicking interactive HTML tags (select, checkbox) */
	// scroll-behavior: smooth;
	// scroll-padding-top: 200px;
}

body {
	font-size: 1rem;
	font-family: Geist, sans-serif;
	color: var(--ui-body);
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: 'Geist Mono', monospace;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Geist, sans-serif;
}

code:not([class]) {
	font-family: Geist, sans-serif;
}