@charset "UTF-8";

/* =========================== */
/*   Fonts Import              */
/* =========================== */
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Be+Vietnam+Pro:ital,wght@0,400;0,700;1,400;1,700&family=DM+Serif+Display:ital@0;1&display=swap');

/* Be Vietnam Pro   -> 400, 700 */
/* DM Serif Display -> 400      */
/* Allura           -> 400      */

/* =========================== */
/*   Text config               */
/* =========================== */
:root{
	/* Fonts */
	--font-body: "Be Vietnam Pro", sans-serif;
	--font-heading: "DM Serif Display", serif;
	--font-script: "Allura", cursive;
	
	/* Shoptet variables */
	--template-font: var(--font-body);
	--template-headings-font: var(--font-heading);
	
	--font-body-weight: 400;
	--font-body-weight-strong: 700;
	--font-heading-weight: 400;
	--font-heading-weight-strong: var(--font-heading-weight);
	
	/* Sizes */
	--para-size: clamp(0.778rem, 0.619rem + 0.476vi, 1rem);
	--hea6-size: var(--para-size);
	--hea5-size: clamp(1rem, 0.841rem + 0.476vi, 1.222rem);
	--hea4-size: clamp(1.222rem, 1.063rem + 0.476vi, 1.444rem);
	--hea3-size: clamp(1.444rem, 1.246rem + 0.595vi, 1.722rem);
	--hea2-size: clamp(1.722rem, 1.484rem + 0.714vi, 2.056rem);
	--hea1-size: clamp(2.056rem, 1.421rem + 1.905vi, 2.944rem);
	--hero-size: clamp(2.056rem, 0.984rem + 3.214vi, 3.556rem);
}