/*==================================================
EVER THEME
Variables
Version 2.0.0
==================================================*/

:root{

/*==================================================
COLORS
==================================================*/

--color-background:#FAF8F7;

--color-surface:#FFFFFF;

--color-primary:#8D77B6;

--color-primary-light:#D9CDEB;

--color-primary-dark:#4F4265;

--color-secondary:#ECE5F5;

--color-text:#4B4453;

--color-text-light:#6D6675;

--color-border:#E7E0EE;

--color-hover:#F7F3FB;

--color-success:#8FAE8D;

--color-error:#C46C6C;


/*==================================================
TYPOGRAPHY
==================================================*/

--font-heading:"Cormorant Garamond", serif;

--font-body:"Manrope", sans-serif;


/*==================================================
FONT SIZE
==================================================*/

--fs-xs:14px;

--fs-sm:16px;

--fs-base:18px;

--fs-md:22px;

--fs-lg:30px;

--fs-xl:48px;

--fs-hero:68px;


/*==================================================
LINE HEIGHT
==================================================*/

--lh-tight:1.15;

--lh-normal:1.55;

--lh-relaxed:1.85;


/*==================================================
WEIGHTS
==================================================*/

--fw-light:300;

--fw-regular:400;

--fw-medium:500;

--fw-semibold:600;


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

--space-0:0;

--space-1:4px;

--space-2:8px;

--space-3:12px;

--space-4:16px;

--space-5:24px;

--space-6:32px;

--space-7:40px;

--space-8:56px;

--space-9:72px;

--space-10:96px;

--space-11:120px;

--space-12:160px;


/*==================================================
CONTAINER
==================================================*/

--container:1280px;

--container-wide:1440px;

--content:760px;


/*==================================================
RADIUS
==================================================*/

--radius-xs:8px;

--radius-sm:12px;

--radius-md:18px;

--radius-lg:28px;

--radius-xl:42px;

--radius-round:999px;


/*==================================================
SHADOWS
==================================================*/

--shadow-xs:

0 4px 12px rgba(46,37,55,.04);

--shadow-sm:

0 12px 30px rgba(46,37,55,.05);

--shadow-md:

0 22px 55px rgba(46,37,55,.08);

--shadow-lg:

0 35px 80px rgba(46,37,55,.10);


/*==================================================
TRANSITIONS
==================================================*/

--transition-fast:.20s ease;

--transition:.35s cubic-bezier(.4,0,.2,1);

--transition-slow:.55s cubic-bezier(.4,0,.2,1);


/*==================================================
HEADER
==================================================*/

--header-height:104px;

--header-height-scroll:82px;


/*==================================================
Z INDEX
==================================================*/

--z-fixed:800;

--z-dropdown:500;

--z-header:900;

--z-overlay:950;

--z-mobile:1000;

}