/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

* {
  text-wrap: pretty;

  --gutter: clamp(20px, 3.85vi + 6.15px, 60px);
	
  --s-xs: clamp(13.51px, -0.02vi + 13.57px, 13.33px);
  --s-s: clamp(18px, 0.19vi + 17.31px, 20px);
  --s-m: clamp(24px, 0.58vi + 21.92px, 30px);
  --s-l: clamp(31.99px, 1.25vi + 27.49px, 45px);
  --s-xl: clamp(42.65px, 2.39vi + 34.04px, 67.5px);
  --s-2xl: clamp(56.85px, 4.27vi + 41.48px, 101.25px);

  --t-xs: max(calc(clamp(1.11rem, -0.09vi + 1.15rem, 1.01rem) * var(--text-scale)), var(--text-min));
  --t-s: max(calc(clamp(1.33rem, 0.02vi + 1.33rem, 1.35rem) * var(--text-scale)), var(--text-min));
  --t-m: max(calc(clamp(1.6rem, 0.19vi + 1.53rem, 1.8rem) * var(--text-scale)), var(--text-min));
  --t-l: max(calc(clamp(1.92rem, 0.46vi + 1.75rem, 2.4rem) * var(--text-scale)), var(--text-min));
  --t-xl: max(calc(clamp(2.3rem, 0.86vi + 1.99rem, 3.2rem) * var(--text-scale)), var(--text-min));
  --t-2xl: max(calc(clamp(2.76rem, 1.44vi + 2.25rem, 4.26rem) * var(--text-scale)), var(--text-min));

  --h-xs: max(calc(clamp(1.11rem, -0.09vi + 1.15rem, 1.01rem) * var(--heading-scale)), var(--heading-min));
  --h-s: max(calc(clamp(1.33rem, 0.02vi + 1.33rem, 1.35rem) * var(--heading-scale)), var(--heading-min));
  --h-m: max(calc(clamp(1.6rem, 0.19vi + 1.53rem, 1.8rem) * var(--heading-scale)), var(--heading-min));
  --h-l: max(calc(clamp(1.92rem, 0.46vi + 1.75rem, 2.4rem) * var(--heading-scale)), var(--heading-min));
  --h-xl: max(calc(clamp(2.3rem, 0.86vi + 1.99rem, 3.2rem) * var(--heading-scale)), var(--heading-min));
  --h-2xl: max(calc(clamp(2.76rem, 1.44vi + 2.25rem, 4.26rem) * var(--heading-scale)), var(--heading-min));
}