/*
 Theme Name:   ASM
 Theme URI:    https://asmtech.com/
 Description:  Child theme
 Author:       ASM
 Author URI:   https://asmtech.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* https://www.fluid-type-scale.com/calculate?minFontSize=20&minWidth=320&minRatio=1.2&maxFontSize=22&maxWidth=1250&maxRatio=1.275&steps=6%2C5%2C4%2C3%2C2%2C1%2Ctitle&baseStep=6&prefix=h&useContainerWidth=true&includeFallbacks=true&useRems=false&remValue=16&decimals=2&previewFont=Poppins&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1250 */
/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--h-6: clamp(1.25rem, 0.22cqi + 1.21rem, 1.38rem);
		--h-5: clamp(1.5rem, 0.44cqi + 1.41rem, 1.75rem);
		--h-4: clamp(1.8rem, 0.75cqi + 1.65rem, 2.24rem);
		--h-3: clamp(2.16rem, 1.19cqi + 1.92rem, 2.85rem);
		--h-2: clamp(2.59rem, 1.79cqi + 2.23rem, 3.63rem);
		--h-1: clamp(3.11rem, 2.62cqi + 2.59rem, 4.63rem);
		--h-title: clamp(3.73rem, 3.74cqi + 2.98rem, 5.91rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--h-6: 1.25rem;
		--h-5: 1.5rem;
		--h-4: 1.8rem;
		--h-3: 2.16rem;
		--h-2: 2.59rem;
		--h-1: 3.11rem;
		--h-title: 3.73rem;
  }
  @media screen and (min-width: 1250px) {
    :root {
			--h-6: 1.38rem;
			--h-5: 1.75rem;
			--h-4: 2.24rem;
			--h-3: 2.85rem;
			--h-2: 3.63rem;
			--h-1: 4.63rem;
			--h-title: 5.91rem;
    }
  }
}

/* https://www.fluid-type-scale.com/calculate?minFontSize=14&minWidth=320&minRatio=1.125&maxFontSize=16&maxWidth=1250&maxRatio=1.275&steps=xs%2Cs%2Cm%2Cl%2Cxl%2Ctitle&baseStep=m&prefix=text&useContainerWidth=true&includeFallbacks=true&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1250 */
/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: clamp(0.69rem, -0.13cqi + 0.72rem, 0.62rem);
		--text-s: clamp(0.78rem, 0.01cqi + 0.78rem, 0.78rem);
		--text-m: clamp(0.88rem, 0.22cqi + 0.83rem, 1rem);
		--text-l: clamp(0.98rem, 0.5cqi + 0.88rem, 1.27rem);
		--text-xl: clamp(1.11rem, 0.89cqi + 0.93rem, 1.63rem);
		--text-title: clamp(1.25rem, 1.42cqi + 0.96rem, 2.07rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: 0.69rem;
		--text-s: 0.78rem;
		--text-m: 0.88rem;
		--text-l: 0.98rem;
		--text-xl: 1.11rem;
		--text-title: 1.25rem;
  }
  @media screen and (min-width: 1250px) {
    :root {
			--text-xs: 0.62rem;
			--text-s: 0.78rem;
			--text-m: 1rem;
			--text-l: 1.27rem;
			--text-xl: 1.63rem;
			--text-title: 2.07rem;
    }
  }
}