*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--color-background);
	color: var(--color-ink);
	font-family: var(--font-family-base);
	font-weight: var(--font-weight-regular);
	font-synthesis: none;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-block-start: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color-ink);
	font-weight: var(--font-weight-bold);
	line-height: 1.3;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
select,
textarea {
	color: var(--color-ink);
	font: inherit;
}

.text-primary { color: var(--color-ink); }
.text-secondary { color: var(--color-ink-secondary); }
.text-tertiary { color: var(--color-ink-tertiary); }
.text-muted { color: var(--color-ink-muted); }

.font-regular { font-weight: var(--font-weight-regular); }
.font-medium { font-weight: var(--font-weight-medium); }
.font-semibold { font-weight: var(--font-weight-semibold); }
.font-bold { font-weight: var(--font-weight-bold); }