:root{

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

    --gold:#C9A227;
    --gold-light:#D9B84A;
    --gold-dark:#A88314;

    --black:#111111;
    --dark:#1B1B1B;

    --white:#FFFFFF;
    --off-white:#F8F6F1;

    --gray-100:#F5F5F5;
    --gray-200:#ECECEC;
    --gray-300:#D8D8D8;
    --gray-500:#888888;
    --gray-700:#555555;

    --success:#28A745;
    --danger:#DC3545;
    --warning:#FFC107;

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

    --font-title:'Playfair Display',serif;
    --font-text:'Poppins',sans-serif;

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

    --fs-14:14px;
    --fs-16:16px;
    --fs-18:18px;
    --fs-20:20px;
    --fs-24:24px;
    --fs-30:30px;
    --fs-36:36px;
    --fs-48:48px;
    --fs-60:60px;
    --fs-72:72px;

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

    --radius-sm:6px;
    --radius-md:12px;
    --radius-lg:18px;
    --radius-xl:25px;

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

    --shadow-sm:0 5px 15px rgba(0,0,0,.08);

    --shadow-md:0 10px 30px rgba(0,0,0,.12);

    --shadow-lg:0 20px 45px rgba(0,0,0,.15);

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

    --transition:.35s ease;

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

    --container:1200px;
    --container-fluid:1400px;

}