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

:root {
	/*Color System*/
	--color-primary: #393D6F;
	--color-secondary: #6ead44;
	--color-text: #1F1F22;
	--color-accent: #CBDB47;
	--color-mute: #C8D5DC;
	--color-border: #9A9A9A;
	--color-white: #fff;
	--transparency: rgba(0,0,0,0);
	--color-light-bg: #FFF2EF;
	--color-dark-bg: #212433;
	--color-box-shadow: rgba(24, 51, 147, 0.1);
	
	/*Header Height*/
	--header-top-height: 36px;
	--header-main-height: 80px;
	
	
	/*Container Width*/
	--container-width: 1280px;
	
	/*Gap System*/
	--gap-s: 4px;
	--gap-xs: 8px;
	--gap-m: 16px;
	--gap-xm: 24px;
	--gap-l: 32px;
	--gap-xl: 40px;
	--gap-h: 64px;
	--gap-xh: 80px;
	
	/*Font Size System*/
	--font-s: 1.4rem;
	--font-xs: 1.6rem;
	--font-m: 1.8rem;
	--font-xm: 2.0rem;
	--font-xxm: 2.2rem;
	--font-l: 3.0rem;
	--font-xl: 4.8rem;
	--font-h: 6.4rem;
	--font-xh: 8.5rem;
	
	/*Line Height System*/
	--line-height-s: 1;
	--line-height-m: 1.3;
	--line-height-l: 1.6;

	
	/*Border Radius*/
	--border-radius-s: 4px; 
	--border-radius-m: 8px; 
	--border-radius-l: 16px; 
	--border-radius-h: 1000px; 
	--border-radius-c: 100%; 
}

svg {
	min-width: unset !important;
	min-height: unset !important;
}