/*======================================================
PHIUM ESSENCE DESIGN SYSTEM
Version: 1.0
======================================================*/

:root{

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

/* Brand */
--phium-primary:#C28B68;
--phium-primary-dark:#A46F4D;
--phium-secondary:#8C5A3D;

/* Text */
--phium-heading:#2D1F1A;
--phium-text:#5F4B42;
--phium-light-text:#8B776B;
--phium-white:#FFFFFF;

/* Background */
--phium-bg:#F8F3EE;
--phium-bg-light:#FFFCFA;
--phium-section:#F4ECE6;

/* Border */
--phium-border:#EADFD6;
--phium-border-light:#F2E8E2;

/* Status */
--success:#2E7D32;
--danger:#C62828;
--warning:#EF6C00;
--info:#1565C0;


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

--font-heading:"Cormorant Garamond",serif;
--font-body:"Poppins",sans-serif;

--fs-12:12px;
--fs-14:14px;
--fs-16:16px;
--fs-18:18px;
--fs-20:20px;
--fs-24:24px;
--fs-30:30px;
--fs-36:36px;
--fs-42:42px;
--fs-54:54px;


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

--lh-sm:1.4;
--lh-md:1.7;
--lh-lg:2;


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

--space-5:5px;
--space-10:10px;
--space-15:15px;
--space-20:20px;
--space-30:30px;
--space-40:40px;
--space-60:60px;
--space-80:80px;
--space-100:100px;


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

--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:24px;
--radius-round:100px;


/*======================================
SHADOW
======================================*/

--shadow-sm:0 5px 12px rgba(0,0,0,.05);

--shadow-md:0 10px 25px rgba(0,0,0,.08);

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


/*======================================
TRANSITION
======================================*/

--transition:.35s ease;


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

--container:1320px;


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

--header-height:90px;


/*======================================
BUTTON
======================================*/

--btn-height:52px;

}