/*
 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 {
	/*Dark*/
--dark-h: 0;
--dark-s: 0%;
--dark-l: 8%;
--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-025: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .025);

/*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);
--white-light-trans-025: hsl(var(--white-h) var(--white-s) var(--white-l) / .025);

/*Primary*/
--primary-h: 226;
--primary-s: 92%;
--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);
--primary-light-trans-025: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .025);

/*Primary Dark*/
--primary-dark-h: 226;
--primary-dark-s: 92%;
--primary-dark-l: 12.5%; /* 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);
--primary-dark-trans-025: hsl(var(--primary-dark-h) var(--primary-dark-s) var(--primary-dark-l) / .025);

/*Secondary*/
--secondary-h: 192;
--secondary-s: 75%;
--secondary-l: 49%;
--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-light-trans-025: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .025);
	
/*Secondary Dark*/
--secondary-dark-h: 192;
--secondary-dark-s: 75%;
--secondary-dark-l: 24.5%; /* half-value of secondary */
--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);
--secondary-dark-trans-025: hsl(var(--secondary-dark-h) var(--secondary-dark-s) var(--secondary-dark-l) / .025);
}