/*
 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
*/


/* @link https://utopia.fyi/type/calculator?c=300,16,1.067,1440,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.75rem, 0.65rem + 0.2vw, 0.875rem);  /* ~14px */
  --step--1: clamp(0.875rem, 0.8rem + 0.25vw, 1rem);     /* ~16px (H6) */
  --step-0:  clamp(1rem, 0.9rem + 0.35vw, 1.125rem);     /* ~18px (p) */
  --step-1:  clamp(1.125rem, 1rem + 0.55vw, 1.25rem);    /* ~20px (H5) */
  --step-2:  clamp(1.25rem, 1.1rem + 0.75vw, 1.4375rem); /* ~23px (H4) */
  --step-3:  clamp(1.875rem, 1.6rem + 1.2vw, 2rem);      /* ~32px (H3) */
--step-4: clamp(2.5rem, 2.2rem + 1.6vw, 3.125rem); /* ~50px */
--step-5: clamp(3.5rem, 2.8rem + 2.2vw, 4.6875rem); /* ~75px */


}


@media (max-width: 768px) {
  :root {
    --step--2: clamp(0.75rem, 0.668rem + 0.219vw, 0.875rem);     /* cca 12–14px */
    --step--1: clamp(0.875rem, 0.768rem + 0.263vw, 1rem);        /* cca 14–16px */
    --step-0:  clamp(1rem, 0.868rem + 0.307vw, 1.125rem);        /* cca 16–18px */
    --step-1:  clamp(1.125rem, 0.968rem + 0.385vw, 1.25rem);     /* cca 18–20px */
	 --step-2: clamp(1.125rem, 1rem + 0.2vw, 1.25rem);   /* ~18–20px */
     --step-3: clamp(1.5rem, 1.2rem + 0.6vw, 1.5rem); /* ~24px */  
    --step-4: clamp(2rem, 1.8rem + 1.2vw, 2.3125rem);   /* ~32–37px */
     --step-5: clamp(2.5rem, 2.2rem + 2vw, 3rem); /* H1 ~48px */
  }
}

@media (max-width: 478px) {
  :root {
	  --step-4: clamp(1.8rem, 1.6rem + 1.2vw, 2.1875rem); /* H2 max ~35px */
    --step-5: clamp(2.3rem, 1.8rem + 2.35vw, 2.5rem); /* H1 ~42px max */
  }
}

body.bricks-is-frontend :focus-visible {
  outline: none !important;