/**
 * Properties
 */


:root {
	--theme--orange:      #f0ae66;
	--theme--orange-dark: #ea954a;

	--theme--purple-extra-light: #f2f0f4;
	--theme--purple-light:       #c6c0d3;
	--theme--purple:             #706aaa;
	--theme--purple-dark:        #5c5794;
	--theme--purple-extra-dark:  #1f163f;

	--theme--primary-color:   var( --theme--orange );
	--theme--secondary-color: var( --theme--purple-dark );

	--theme--script--font-family: bickham-script-pro-3, sans-serif;

	--theme--body--color: #666;
	--theme--body--font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif;

	--theme--h--color:    var( --theme--purple-dark );
	--theme--h--font-family: 'Cinzel', Georgia, "Times New Roman", serif;

	--theme--h1--font-size: 32px;
	--theme--h2--font-size: 27px;
	--theme--h3--font-size: 23px;
	--theme--h4--font-size: 19px;

	--theme--border-radius:        10px;
	--theme--border-radius--large: 15px;

	--theme--box-shadow: 0 2px 18px 0 rgb( from var( --theme--purple-light ) r g b / 0.4 );

	--theme--transition-duration: 0.2s;
	--theme--transition-easing:   ease-in-out;
	--theme--transition:          all var( --theme--transition-duration ) var( --theme--transition-easing );
}