/* MKRST parent — base reset & layout primitives. Client styling lives in the child theme. */

/* Aeonik — paths relative to /assets/css/ -> /fonts/ ------------------------ */
@font-face {
	font-family: "Aeonik";
	src: url("../../fonts/arlite-light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Aeonik";
	src: url("../../fonts/arlite-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Aeonik";
	src: url("../../fonts/arlite-medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Aeonik";
	src: url("../../fonts/arlite-bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Aeonik";
	src: url("../../fonts/arlite-black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

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

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

body {
	margin: 0;
	font-family: "Aeonik", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	color: #111;
}

img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; }

a { color: inherit; }

h1, h2, h3, h4, p, figure { margin: 0; }

.site-header__inner,
.site-footer__inner {
	max-width: 1200px;
	margin-inline: auto;
	padding: 1rem 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

.nav-menu,
.footer-menu {
	display: flex;
	gap: 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}