:root{
  /* Fluid titles */
	--t1: clamp(3rem, 2.5385rem + 2.0513vw, 4rem);
	--t2: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);
	--t3: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);
	--t4: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);
	--t5: clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);
	--t6: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);
	--t7: clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);

	--body: 1rem;       /* 16px */
	--body-big: 1.125rem; /* 18px */
	--body-small: 0.875rem; /* 14px */
}
h1 { font-size: var(--t1); }
h2 { font-size: var(--t2); }
h3 { font-size: var(--t3); }
h4 { font-size: var(--t4); }
h5 { font-size: var(--t5); }
h6 { font-size: var(--t6); }

/* Base text defaults */
body{
  font-size: var(--body);
  line-height: var(--lh-body);
  word-spacing: normal;
  letter-spacing: normal;
}

/* Make form controls use the same typography */
input, textarea, select{
  font: inherit;
  line-height: inherit;
}

/* Ensure common text elements stay consistent */
p, li, blockquote, figcaption, dd, dt, td, th{
  font-size: inherit;
  line-height: inherit;
  word-spacing: inherit;
  letter-spacing: inherit;
}

/* Optional: captions slightly smaller */
figcaption, small{
  font-size: var(--body-small);
}

.big-text{
  font-size: var(--body-big);
}