/* ===================================
   GLOBAL COLOR VARIABLES
=================================== */

:root{

    /* PRIMARY BRAND COLORS */

    --primary-color:#D4A85A;

    --primary-dark:#B8893E;

    --secondary-color:#2B1E16;

    --secondary-light:#4A3426;

    --dark-color:#1E1712;

    /* TEXT COLORS */

    --text-dark:#222222;

    --text-medium:#555555;

    --text-light:#777777;

    --white-color:#ffffff;

    /* BACKGROUNDS */

    --bg-light:#f5f1eb;

    --bg-white:#ffffff;

    --bg-dark:#1E1712;

    /* BORDERS */

    --border-light:#e5e5e5;

    /* SHADOWS */

    --shadow-light:
    0 10px 30px rgba(0,0,0,.08);

    --shadow-medium:
    0 15px 40px rgba(0,0,0,.12);

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

    /* TRANSITIONS */

    --transition:
    .3s ease;

    /* BORDER RADIUS */

    --radius-small:12px;

    --radius-medium:24px;

    --radius-large:40px;

    /* CONTAINER */

    --container-width:1400px;

}