:root {

	/* Primary */
	--primary-color: #D7BEA0;
	--primary-15-color: #D7BEA026;
	--primary-25-color: #D7BEA040;
	--primary-50-color: #D7BEA080;
	--primary-75-color: #D7BEA0bf;

	/* Secondary */
	--secondary-color: #f8f8f5;
	--secondary-15-color: #f8f8f526;
	--secondary-25-color: #f8f8f540;
	--secondary-50-color: #f8f8f580;
	--secondary-75-color: #f8f8f5bf;

	/* Tertiary */
	--tertiary-color: #ff1791;
	--tertiary-15-color: #ff179126;
	--tertiary-25-color: #ff179140;
	--tertiary-50-color: #ff179180;
	--tertiary-75-color: #ff1791bf;

	/* Auxiliary */
	--accent-color: #e5e1d5;
	--success-color: #007a4d;
	--info-color: #023e8a;
	--warning-color: #ff9800;
	--danger-color: #e63946;

	/* White */
	--white-color: #fff;
	--white-10-color: rgba(255, 255, 255, 0.1);
	--white-25-color: rgba(255, 255, 255, 0.25);
	--white-50-color: rgba(255, 255, 255, 0.50);
	--white-65-color: rgba(255, 255, 255, 0.65);
	--white-75-color: rgba(255, 255, 255, 0.75);
	--white-85-color: rgba(255, 255, 255, 0.85);

	/* Gray */	
	--gray-color: #666;
	--gray-10-color: rgba(102, 102, 102, 0.1);
	--gray-25-color: rgba(102, 102, 102, 0.25);
	--gray-50-color: rgba(102, 102, 102, 0.50);
	--gray-65-color: rgba(102, 102, 102, 0.65);
	--gray-75-color: rgba(102, 102, 102, 0.75);
	--gray-85-color: rgba(102, 102, 102, 0.85);

	/* Black */
	--black-color: #1a1a20;
	--black-10-color: rgba(26, 26, 32, 0.1);
	--black-25-color: rgba(26, 26, 32, 0.25);
	--black-50-color: rgba(26, 26, 32, 0.50);
	--black-65-color: rgba(26, 26, 32, 0.65);
	--black-75-color: rgba(26, 26, 32, 0.75);
	--black-85-color: rgba(26, 26, 32, 0.85);
}

/* #endregion Color */

/*----------------------------------------------
2. Typography
----------------------------------------------*/

/* #region Typography */

:root {

}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1.5rem; 
  line-height: 1.2; font-weight:600;
}

h2 { font-size:52px;}

.text-style-1 { font-size: 4.2rem; font-weight: 800; }
.text-style-2 { font-size: 5.2rem; font-weight: 800; }
.text-style-02 { font-size: 4.5rem; font-weight: 400; }
.text-style-3 { font-size: 4.2rem; font-weight: 800; }
.text-style-4 { font-size: 4.2rem; font-weight: 100; }
.text-style-5 { font-size: 3.2rem; font-weight: 400; }
.text-style-6 { font-size: 2.8rem; font-weight: 100; }
.text-style-7 { font-size: 2.0rem; font-weight: 400; }
.text-style-8 { font-size: 2.2rem; font-weight: 100; }
.text-style-9 { font-size: 1.75rem; font-weight: 700; }
.text-style-10 { font-size: 1.75rem; font-weight: 100; }
.text-style-11 { font-size: 1.2rem; font-weight: 700; }
.text-style-12 { font-size: 1.2rem; font-weight: 400; }

@media (max-width: 767px) {
	.text-style-1 { font-size: 3rem; }
	.text-style-2 { font-size: 3rem; }
	.text-style-3 { font-size: 3rem; }
	.text-style-4 { font-size: 3rem; }
	.text-style-5 { font-size: 2.2rem;  }
	.text-style-6 { font-size: 2.2rem; }
	.text-style-7 { font-size: 1.75rem; }
	.text-style-8 { font-size: 1.75rem; }	
	.text-style-9 { font-size: 1.5rem; }
	.text-style-10 { font-size: 1.5rem; }
	.text-style-11 { font-size: 1.2rem; }
	.text-style-12 { font-size: 1rem; }
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

p:last-child {
	margin-bottom: 0;
}

b,
strong {
  font-weight: 700;
}

small, .small {
  font-size: 0.85rem;
}

/* #endregion Typography */