/*

  STYLE ..... Googlish white
  SHAPE ..... Straight
  CORNERS ... One corner rounded
  COLORS .... Googly :-)

  ----------------------------------------------------------------------

  This temaplate pack uses "customize.css" to read colors and some shape
  attributes. Experiment with styles copying and renaming files. See
  css-folder with few example customization example files.

*/


:root {
  /* BRAND ACCENT COLORS primary and secondary */
  --spx-accent-color: rgb(165, 74, 200);
  
  /* PLATE 1 */
  --spx-bgcol1-color: rgba(255, 255, 255, 0.952);
  --spx-txcol1-color: rgb(0, 0, 0);
  --spx-txsha1-color: rgba(89, 27, 190, 0.0);
  
  /* PLATE 2 */
  --spx-bgcol2-color: rgba(165, 74, 200, 0.9);
  --spx-txcol2-color: rgb(255, 255, 255);
  --spx-txsha2-color: rgba(255, 255, 255,0);

  /* PLATE 3 */ 
  --spx-bgcol3-color: rgba(91, 49, 107, 0.9);
  --spx-txcol3-color: rgb(255, 255, 255);
  --spx-txsha3-color: rgba(8, 37, 71, 0.2);

  /* SKEW degrees for angled backgrounds (try also negative values, such as -15deg)*/
  --skew-amount-degs: -0deg;
  
  /* ROUNDING VALUES for backgrounds */
  --rounding-first:  0.0em;
  --rounding-second: 0.0em;
  
}


@font-face { font-family: "UI-Light";   src: url("fonts/EncodeSansSemiExpanded-Light.ttf");  }
@font-face { font-family: "UI-Regular"; src: url("fonts/EncodeSansSemiExpanded-Regular.ttf");  }
@font-face { font-family: "UI-Bold";    src: url("fonts/EncodeSansSemiExpanded-Bold.ttf"); }
@font-face { font-family: "UI-Black";   src: url("fonts/EncodeSansSemiExpanded-Black.ttf");   }



