/*
 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: 0;
--dark-s: 0%;
--dark-l: 0%;
--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: 348;
--primary-s: 100%;
--primary-l: 56%;
--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: 31;
--secondary-s: 100%;
--secondary-l: 50%;
--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);
}