:root {
	/* responsive margins / paddings */
	--margin-sm: 16px;
	--margin-md: 32px;
}

html {
	height: 100%;
	font-size: 16px;
}



/* text utility classes */

.text {
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0px;
}

.sub-text {
	color: #00f;
}


@font-face {
  font-family: 'Aeonik'; /* A name you choose */
  src: url('/assets/fonts/Aeonik\ Pro\ Medium.woff2') format('woff2'),
       url('/assets//fonts/Aeonik\ Pro\ Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Optional: controls font loading behavior */
}
/* button hover utility classes */

.hover-bright:hover {
	filter: brightness(1.2);
}