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

	/* COLORS */

/*Dark*/
--dark-h: 73;
--dark-s: 12%;
--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);
--dark-light-trans-02: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .02);
--dark-light-trans-01: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .01);

/*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: 72;
--primary-s: 32%;
--primary-l: 40%;
--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);

/*Primary Dark*/
--primary-dark-h: 72;
--primary-dark-s: 32%;
--primary-dark-l: 20%; /* half-value of primary */
--primary-dark-hsl: var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l);
--primary-dark: hsl(var(--primary-dark-hsl));
--primary-dark-trans-90: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .90);
--primary-dark-trans-80: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .80);
--primary-dark-trans-70: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .70);
--primary-dark-trans-60: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .60);
--primary-dark-trans-50: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .50);
--primary-dark-trans-40: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .40);
--primary-dark-trans-30: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .30);
--primary-dark-trans-20: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .20);
--primary-dark-trans-10: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .10);
--primary-dark-trans-05: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .05);

/*Secondary*/
--secondary-h: 23;
--secondary-s: 65%;
--secondary-l: 87%;
--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);
	
/*Secondary Dark*/
--secondary-dark-h: 23;
--secondary-dark-s: 65%;
--secondary-dark-l: 43.5%; /* half-value of primary */
--secondary-dark-hsl: var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l);
--secondary-dark: hsl(var(--secondary-dark-hsl));
--secondary-dark-trans-90: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .90);
--secondary-dark-trans-80: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .80);
--secondary-dark-trans-70: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .70);
--secondary-dark-trans-60: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .60);
--secondary-dark-trans-50: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .50);
--secondary-dark-trans-40: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .40);
--secondary-dark-trans-30: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .30);
--secondary-dark-trans-20: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .20);
--secondary-dark-trans-10: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .10);
--secondary-dark-trans-05: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .05);
	
/*Terciary*/
--terciary-h: 184;
--terciary-s: 19%;
--terciary-l: 57%;
--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);
	
/*Terciary Dark*/
--terciary-dark-h: 184;
--terciary-dark-s: 19%;
--terciary-dark-l: 27.5%; /* half-value of primary */
--terciary-dark-hsl: var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l);
--terciary-dark: hsl(var(--terciary-dark-hsl));
--terciary-dark-trans-90: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .90);
--terciary-dark-trans-80: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .80);
--terciary-dark-trans-70: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .70);
--terciary-dark-trans-60: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .60);
--terciary-dark-trans-50: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .50);
--terciary-dark-trans-40: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .40);
--terciary-dark-trans-30: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .30);
--terciary-dark-trans-20: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .20);
--terciary-dark-trans-10: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .10);
--terciary-dark-trans-05: hsl(var(--terciary-dark-h) var(--terciary-dark-s) var(--terciary-dark-l) / .05);
}