/*=========================================================
CHIROPRACTIC BACK PAIN CENTRE
DESIGN VARIABLES
=========================================================*/

:root{

	/*====================================================
SPACING SYSTEM
====================================================*/

--section-space:120px;
--section-space-mobile:80px;

--section-title-bottom:60px;

--card-gap:30px;

--content-gap:40px;

/* Brand */

--primary:#4F6B5B;
--primary-dark:#364B3F;
--primary-light:#7F9C8D;

--secondary:#C8B89A;

--accent:#D9E7DF;

/* Backgrounds */

--bg:#FAF8F4;
--bg-soft:#F3EFE7;
--white:#FFFFFF;

/* Typography */

--heading:#2E4338;
--text:#505050;
--muted:#7B7B7B;

/* Borders */

--border:#E6E2DA;

/* Shadows */

--shadow-sm:0 8px 20px rgba(0,0,0,.05);

--shadow:0 20px 50px rgba(0,0,0,.08);

--shadow-lg:0 35px 80px rgba(0,0,0,.12);

/* Radius */

--radius-sm:12px;
--radius:22px;
--radius-lg:40px;

/* Layout */

--container:1380px;

--space-xs:8px;
--space-sm:18px;
--space-md:35px;
--space-lg:70px;
--space-xl:120px;

/* Animation */

--speed:.35s;

/* gaps */

--grid-gap-large:80px;
--grid-gap-medium:28px;
--grid-gap-small:18px;
--grid-gap-vsmall:10px;

}