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

/* Font sizes Fluid responsive */
	
--h1: clamp(3.4rem, calc(3.4rem + ((1vw - 0.48rem) * 2.6829)), 5.6rem);
--h2: clamp(2.7rem, calc(2.7rem + ((1vw - 0.32rem) * 1.5854)), 4rem);
--h3: clamp(2.7rem, calc(2.7rem + ((1vw - 0.48rem) * 0.2113)), 3rem);
--h4: clamp(1.9rem, calc(1.9rem + ((1vw - 0.32rem) * 0.2885)), 2.2rem);
--h5: clamp(1.35rem, calc(1.35rem + ((1vw - 0.32rem) * 0.2885)), 1.65rem);
--h6: clamp(1rem, calc(1rem + ((1vw - 0.32rem) * 0.3846)), 1.4rem);
--p: clamp(1.35rem, calc(1.35rem + ((1vw - 0.32rem) * 0.2885)), 1.65rem);

/* COLORS */

/*Dark*/
--dark-h: 0;
--dark-s: 1%;
--dark-l: 15%;
--dark-hsl: var(--dark-h) var(--dark-s) var(--dark-l);
--dark: hsl(var(--dark-hsl));
--dark-light-trans-90: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .90);
--dark-light-trans-80: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .80);
--dark-light-trans-70: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .70);
--dark-light-trans-60: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .60);
--dark-light-trans-50: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .50);
--dark-light-trans-40: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .40);
--dark-light-trans-30: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .30);
--dark-light-trans-20: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .20);
--dark-light-trans-10: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .10);
--dark-light-trans-05: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .05);

/*White*/
--white-h: 0;
--white-s: 0%;
--white-l: 100%;
--white-hsl: var(--white-h) var(--white-s) var(--white-l);
--white: hsl(var(--white-hsl));
--white-light-trans-90: hsl(var(--white-h) var(--white-s) var(--white-l) / .90);
--white-light-trans-80: hsl(var(--white-h) var(--white-s) var(--white-l) / .80);
--white-light-trans-70: hsl(var(--white-h) var(--white-s) var(--white-l) / .70);
--white-light-trans-60: hsl(var(--white-h) var(--white-s) var(--white-l) / .60);
--white-light-trans-50: hsl(var(--white-h) var(--white-s) var(--white-l) / .50);
--white-light-trans-40: hsl(var(--white-h) var(--white-s) var(--white-l) / .40);
--white-light-trans-30: hsl(var(--white-h) var(--white-s) var(--white-l) / .30);
--white-light-trans-20: hsl(var(--white-h) var(--white-s) var(--white-l) / .20);
--white-light-trans-10: hsl(var(--white-h) var(--white-s) var(--white-l) / .10);
--white-light-trans-05: hsl(var(--white-h) var(--white-s) var(--white-l) / .05);

/*Primary*/
--primary-h: 143;
--primary-s: 19%;
--primary-l: 25%;
--primary-hsl: var(--primary-h) var(--primary-s) var(--primary-l);
--primary: hsl(var(--primary-hsl));
--primary-light-trans-90: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .90);
--primary-light-trans-80: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .80);
--primary-light-trans-70: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .70);
--primary-light-trans-60: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .60);
--primary-light-trans-50: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .50);
--primary-light-trans-40: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .40);
--primary-light-trans-30: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .30);
--primary-light-trans-20: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .20);
--primary-light-trans-10: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .10);
--primary-light-trans-05: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .05);

/*Secondary*/
--secondary-h: 115;
--secondary-s: 12%;
--secondary-l: 60%;
--secondary-hsl: var(--secondary-h) var(--secondary-s) var(--secondary-l);
--secondary: hsl(var(--secondary-hsl));
--secondary-light-trans-90: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .90);
--secondary-light-trans-80: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .80);
--secondary-light-trans-70: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .70);
--secondary-light-trans-60: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .60);
--secondary-light-trans-50: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .50);
--secondary-light-trans-40: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .40);
--secondary-light-trans-30: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .30);
--secondary-light-trans-20: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .20);
--secondary-light-trans-10: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .10);
--secondary-light-trans-05: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .05);
	
/*Terciary*/
--terciary-h: 108;
--terciary-s: 17%;
--terciary-l: 77%;
--terciary-hsl: var(--terciary-h) var(--terciary-s) var(--terciary-l);
--terciary: hsl(var(--terciary-hsl));
--terciary-light-trans-90: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .90);
--terciary-light-trans-80: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .80);
--terciary-light-trans-70: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .70);
--terciary-light-trans-60: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .60);
--terciary-light-trans-50: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .50);
--terciary-light-trans-40: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .40);
--terciary-light-trans-30: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .30);
--terciary-light-trans-20: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .20);
--terciary-light-trans-10: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .10);
--terciary-light-trans-05: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .05);

/* GAPS */
--gap-xs: clamp(1rem, calc(1rem + ((1vw - 0.32rem) * 0)), 1rem);
--gap-s: clamp(1rem, calc(1rem + ((1vw - 0.32rem) * 0.9615)), 2rem);
--gap-m: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 0.9615)), 3rem);
--gap-l: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.9231)), 5rem);
--gap-xl: clamp(5rem, calc(5rem + ((1vw - 0.32rem) * 2.4038)), 7.5rem);
--gap-xxl: clamp(7.5rem, calc(7.5rem + ((1vw - 0.32rem) * 2.4038)), 10rem);

/* RADIUS */
--border-radius-xs: 0.3rem;
--border-radius-s: 0.6rem;
--border-radius-m: 1.2rem;
--border-radius-l: 2.0rem;
}