:root{
    --vintage-bg:#f4eadc;
    --vintage-paper:#fff8ed;
    --vintage-paper-2:#ead8bd;
    --vintage-dark:#2b1b14;
    --vintage-brown:#5b3324;
    --vintage-copper:#a25f35;
    --vintage-gold:#c69b55;
    --vintage-border:#d8bf98;
    --vintage-muted:#7a6555;
    --vintage-danger:#8f2f2f;
    --vintage-success:#52734d;
    --vintage-shadow:0 18px 45px rgba(62,35,20,.18);
}


body {
    background: red !important;
}

a{
    color:var(--vintage-copper);
}

a:hover{
    color:var(--vintage-brown);
}

img{
    max-width:100%;
}

.text-muted,
.text-secondary{
    color:var(--vintage-muted) !important;
}

.text-primary{
    color:var(--vintage-copper) !important;
}

.bg-light,
.bg-white{
    background-color:var(--vintage-paper) !important;
}

.bg-dark{
    background:
        linear-gradient(135deg, var(--vintage-dark), var(--vintage-brown)) !important;
}

.text-light,
.text-white{
    color:#fff3df !important;
}

.border,
.border-top{
    border-color:var(--vintage-border) !important;
}

.shadow,
.shadow-sm,
.shadow-lg{
    box-shadow:var(--vintage-shadow) !important;
}

.rounded-4{
    border-radius:28px !important;
}

.container{
    position:relative;
}