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

:where <p> {
	margin: 0;
}
:root {
	
  	transition: all 0.3s ease;
	
	/*Colour Tokens*/
	--primary: hsl(41, 80%, 66%);
	--primary-hover: hsl(41, 80%, 76%); 
	--secondary: hsl(13, 27%, 48%);
	--white: hsl(0, 0%, 100%);
	--black: hsl(0, 0%, 0%);
	--base-dark: hsl(203, 87%, 9%);
	--base-dark-hover: hsl(203, 87%, 18%);
	--base_light: hsl(203, 67%, 90%);
	--base_special: hsl(336, 26%, 96%);
	
	/*General Tokens*/
	--content-width: 1100px;
	--icon-size: clamp(10rem, 7.143vw + 7.429rem, 16rem);
	--gutter-width: clamp(2rem, 1.71444rem + 3.571vw, 6rem);
	--space-s: clamp(0.7em, 0.298vw + 0.593rem, 1em);
	--space-m: clamp(1.4rem, 0.596vw + 1.185rem, 2rem);
	--space-l: clamp(2rem, 0.994vw + 1.642rem, 3rem);
	--space-xl: clamp(3rem, 0.994vw + 2.642rem, 4rem);
	--content-gap: var(--space-s);
	--content-gap-l: var(--space-l);
	--gap-l: var(--space-xl);
	--grid-gap: var(--space-m);
	--padding-m: var(--space-l);
	--radius-s: 0.2em;
	--radius-l: 0.6em;
	
	/*Heading Tokens*/
	--h1__font-size: clamp(3rem, 1.193vw + 2.571rem, 4.2rem);
	--h2__font-size: clamp(2.4rem, 0.795vw + 2.114rem, 3.2rem);
	--h3__font-size: clamp(1.8rem, 0.596vw + 1.585rem, 2.4rem);
	--h4__font-size: clamp(1.4rem, 0.398vw + 1.257rem, 1.8rem);
	
	--text-size: clamp(1.5rem, 0.357vw + 1.371rem, 1.8rem);
	
	
	.brxe-section {
		min-height: 40rem;
		padding-inline: var(--gutter-width);
		padding-block: var(--gap-l);
		justify-content: center;
	}
	
	.brxe-container {
		width: var(--content-width);
	}
	h1 {
		font-size: var(--h1__font-size);
		color: var(--black);
	}
	h2 {
		font-size: var(--h2__font-size);
		text-transform: uppercase;
		letter-spacing: 1.2;
		color: var(--black);
	}
	h3 {
		font-size: var(--h3__font-size);
		color: var(--black);
	}
	h4 {
		font-size: var(--h4__font-size);
		color: var(--black);
	}

	
}