:root{

	--wc-orange:#f57c00;
	--wc-orange-dark:#e65100;

	--wc-green:#25D366;
	--wc-green-dark:#128C7E;

	--wc-bg:#f6f6f7;
	--wc-border:#dfe3e8;

	--wc-text:#202223;
	--wc-text-light:#6d7175;

--wc-radius:10px;

}

body{

	font-family:'Inter',sans-serif;
	background:var(--wc-bg);
	color:var(--wc-text);
	font-size:15px;
}

.wc-navbar{
	background:#ffffff;
	border-bottom:1px solid var(--wc-border);
}

.navbar-brand{
	color:var(--wc-green);
	font-size:24px;
}

.navbar-brand:hover{
	color:var(--wc-orange);
}

.wc-card{
	border:none;
	border-radius:var(--wc-radius);
	box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.form-control{
	border-radius:8px;
}

.form-control:focus{
	border-color:var(--wc-green);
	box-shadow:0 0 0 .15rem rgba(37,211,102,.25);
}

.form-label{
	font-weight:600;
}

.wc-btn-primary{

	background:linear-gradient(
		45deg,
		var(--wc-green),
		var(--wc-orange)
	);

	color:#fff;

	border:none;

	padding:12px;

	font-weight:600;

	border-radius:8px;

	transition:.3s;

}

.wc-btn-primary:hover{

	opacity:.92;

	color:#fff;

	transform:translateY(-2px);

}

.btn-outline-primary{

	border-color:var(--wc-orange);

	color:var(--wc-orange);

}

.btn-outline-primary:hover{

	background:var(--wc-orange);

	color:#fff;

}

.card-title{

	font-weight:600;

}

.text-muted{

	color:var(--wc-text-light)!important;

}

.wc-footer{

	margin-top:80px;

	padding:20px 0;

	font-size:14px;

	color:var(--wc-text-light);

}

.wa-preview{
    background:#e5ddd5;
    border-radius:10px;
    padding:15px;
}

.wa-preview > div{
    background:#fff;
    padding:12px;
    border-radius:8px;
    margin-bottom:10px;
}