/*
	Webspert Web Design E-commerce System
	http://www.webspert.com.my
	Copyright (c) Webspert Web Design
*/

@font-face{font-family:"AvenirNext LT Pro";src:url("font/AvenirNext-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"AvenirNext LT Pro Bold";src:url("font/AvenirNext-Bold.otf") format("opentype");font-style:normal;font-weight:600;font-display:swap}

@font-face{font-family:"Poppins";src:url("../font/Poppins-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-Bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-SemiBold.woff") format("woff");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-ExtraBold.woff") format("woff");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-Medium.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-Light.woff") format("woff");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-ExtraLight.woff") format("woff");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-Thin.woff") format("woff");font-style:normal;font-weight:100;font-display:swap}

/* @font-face{font-family:"Gazpacho Black";src:url("../font/Gazpacho-Black.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gazpacho Regular";src:url("../font/Gazpacho-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gazpacho Medium";src:url("../font/Gazpacho-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Gazpacho Bold";src:url("../font/Gazpacho-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap} */

:root {
	--main-color: #1C1C1C;
	--accent-color: #E87C98;
	--accent-color-2: #EE4893;
	--top-bar-bg-color: #DA1476;

	--header-color: #DA1476;
	--header-font-weight: 600;

	--theme-color: #DA1476;

	--footer-color: #DA1476;
	--footer-bg-color: #EECACC;
	--font-content-color: #DA1476;

	--grey-color: #231a17;

	--light-grey-color: #f1f1f1;
	--light-grey-color-2: #555555;
	--light-grey-color-3: #cccccc;
	--light-grey-color-4: #c0c0c0;

	--white-color: #fff;
	--black-color: #000914;
	--offer-color: #DA1476;
	--purple-color: #c8a2c8;
	--yellow-color: #FFFF00;
	--bright-red: #EE4B2B;
	
	--line-through-color: #8c8c9a;
	--special-price-color: #ab004d;

	/* --warning-color: #F70046;
	--warning-color-2: #dc2e2e; */
	--warning-color: #DA1476;
	--warning-color-2: #DA1476;

	--border-color: #1d1d1d1a;
	--border-color-3: #cfcfcf;
	--border-color-2: #9b9b9b;

	--sold-out-color: #B7B8B7;
    --available-color: #51A245;

	--feature-bg-color: #FCE9EB;

	--serif-font: 'AvenirNext LT Pro', serif;
    --serif-font-bold: 'AvenirNext LT Pro Bold', serif;
    --sans-serif-font: 'AvenirNext LT Pro', sans-serif;

	/* --main-font: 'Poppins', sans-serif; */
	--main-font: 'Rethink Sans', sans-serif;
	--accent-font: 'Gilda Display', serif;

    /*--light-font: 'Poppins Light', sans-serif;
	--bold-font: 'Poppins Bold', sans-serif;*/
	--light-font: 'Rethink Sans', sans-serif;
	--bold-font: 'Rethink Sans', sans-serif;

	--header-font: 'Rethink Sans', sans-serif;
	
	--border-radius-1: 0px;
	--border-radius-2: 5px;
	--border-radius-3: 15px;

	--default-border-radius: 30px;

	/* --text-shadow: 1px 1px 2px #252525; */
	--text-shadow: none;
	/* --tag-bg-color: rgba(52, 58, 64, .85); */
	--tag-bg-color: rgba(127, 37, 75, 0.85);

	--gap: 0px;

	--body-bg-color: #fff;
	--body-letter-spacing: 0em;
	--body-font-size: 15px;
	--body-font-weight: 400;
	--body-line-height: 1.6;
	--body-btn-bg-color: #DA1476;
	--body-btn-hover-color: #eecacc;

	--heading-font-weight: 700;

	--label-letter-spacing: 0.06em;

	--product-listing-gap: 18px;
	--mobile-product-listing-gap: 10px;

}