/*Blue Style Guide*/
/*Brand colors and overrides for the default Blue Global Styles. You may replace this file with your own.*/

/*
How Blue CSS Works
-------------------
There are three files you need to utilize. Attach them in order to your document. 

1) Definitions (_blue-definitions.css): Root CSS variables that define colors used in the Global Styles. You can create your own version of this file to control all global color styles.

2) Blue Global (_blue-global.css): The base global style sheet. It removes most browser default styling and provides a baseline for all elements. It also provides additional styling options you can utilize. 

3) Style Guide (_blue-style-guide.css): A style guide with brand colors and overrides for anything in Blue Global. An example is provided with useful color schemes. 
*/

/*
You can override brand-primary, brand-secondary, and brand-tertiary if desired and use them. 
They are defaults for FXs.
Setup example of both overriding the declared style, and of re-setting the CSS variable and the outcome
*/

:root {

  --brand-override: purple;
  
 }
  
.override-me{color:purple;}

/*Color*/
/*You can use or ignore these provided color schemes*/
/*Tea*/
/*Inspired by Tea Flavors*/
.tea-mint{color: #03D5AB;}
.tea-sky{color: #5CBCF2;}
.tea-black{color: #313A51;}
.tea-cherry{color: #C82E41;}
.tea-tangerine{color: #F47300;}
.tea-lemon{color: #FABD24;}
.tea-lemon-grass{color: #87CB00;}
.tea-breeze{color: #00ADDC;}
.tea-blueberry{color: #4B8BF1;}
.tea-lavender{color: #7F51D6;}
.tea-passion{color: #C82E9D;}

.tea-mint-bg{background: #03D5AB;}
.tea-sky-bg{background: #5CBCF2;}
.tea-black-bg{background: #313A51;}
.tea-cherry-bg{background: #C82E41;}
.tea-tangerine-bg{background: #F47300;}
.tea-lemon-bg{background: #FABD24;}
.tea-lemon-grass-bg{background: #87CB00;}
.tea-breeze-bg{background: #00ADDC;}
.tea-blueberry-bg{background: #4B8BF1;}
.tea-lavender-bg{background: #7F51D6;}
.tea-passion-bg{background: #C82E9D;}

/*Sticky*/
/*Inspired by stick notes.*/
.sticky-pink{color: #FE9AFF;}
.sticky-red{color: #FF8E8F;}
.sticky-yellow{color: #F5E44A;}
.sticky-blue{color: #3BEDF8;}
.sticky-green{color: #73FD6F;}
.sticky-orange{color: #F7B14E;}
.sticky-purple{color: #CD8AF6;}

.sticky-pink-bg{background: #FE9AFF;}
.sticky-red-bg{background: #FF8E8F;}
.sticky-yellow-bg{background: #F5E44A;}
.sticky-blue-bg{background: #3BEDF8;}
.sticky-green-bg{background: #73FD6F;}
.sticky-orange-bg{background: #F7B14E;}
.sticky-purple-bg{background: #CD8AF6;}

/*Pix*/
/*Inspired by Pixels*/
.pix-royal-purple{color: #281F55;}
.pix-deep-pink{color: #B5356D;}
.pix-bubblegum{color: #F069A6;}
.pix-sting-yellow{color: #F5EC16;}
.pix-dark-purple{color: #281F55;}
.pix-sky{color: #4DC5D5;}
.pix-orangy{color: #F26322;}
.pix-laser-red{color: #E82027;}
.pix-deep-ocean{color: #2452A4;}

.pix-royal-purple-bg{background: #281F55;}
.pix-deep-pink-bg{background: #B5356D;}
.pix-bubblegum-bg{background: #F069A6;}
.pix-sting-yellow-bg{background: #F5EC16;}
.pix-dark-purple-bg{background: #281F55;}
.pix-sky-bg{background: #4DC5D5;}
.pix-orangy-bg{background: #F26322;}
.pix-laser-red-bg{background: #E82027;}
.pix-deep-ocean-bg{background: #2452A4;}


/*Electric Pop*/
/*Inspired by Electro Pop Art*/


/*Retro*/
/*Inspired by Retro Art*/