:root{

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

    --color-primary:#D4AF37;
    --color-primary-hover:#C39A2D;

    --color-dark:#0F0F10;
    --color-dark-2:#17181B;

    --color-white:#FFFFFF;

    --color-text:#EAEAEA;

    --color-muted:#9C9C9C;

    --color-border:rgba(255,255,255,.08);

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

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

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

    /* ========= LAYOUT ========= */

    --container:1320px;

    --header-height:90px;

    --radius:14px;

    /* ========= EFFECT ========= */

    --transition:.35s ease;

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

}