:root {
    --primary-accent: #bc6c25;
    --primary-heading-color: #eae0d5;
    --primary-text-color: #c4bcb4;
    --primary-background: #191919;
    --secondary-background: #22333b;
}
body, section, #features, .navbar {
      background-color: var(--primary-background);
}
.navbar-name {
    font-family: "Merriweather";
}
.contact-me {
    background: var(--secondary-background);
}
.navbar-brand, .nav-link {
    color: var(--primary-text-color) !important;
}
.accent-text{
    color: #bc6c25 !important;
    font-weight: bold;
}

.seller-card {
    background: #fefae0 !important;
}
.buyer-card {
    background: #dda15e !important;
}
.hero-section {
    background: linear-gradient(358deg,rgba(25, 25, 25, 1) 0%, rgba(34, 51, 59, 1) 34%);
}

.display-text{
    font-family: "Merriweather", Georgia, 'Times New Roman', Times, serif;
    color: var(--primary-heading-color) !important;
}
.button-primary {
    background: var(--primary-accent) !important;
    color: var(--primary-heading-color) !important;
    font-weight: bold;
}
.button-secondary {
    color: #fefae0 !important;
    border: 2px solid #606c38 !important;

}
.normal-text {
    color: var(--primary-text-color) !important;
}

.primary-brand {
    color: var(--primary-accent);
      font-family: "Merriweather", Georgia, 'Times New Roman', Times, serif;
}

.step-bubble {
    border: 1px solid var(--primary-heading-color);
    background: var(--secondary-background);
    border-radius: 100px;
    min-height: 40px;
    min-width: 40px;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-left:0.5rem;
}

.feature-subtext {
    margin-bottom: 0.25rem !important;
}

.callout {
    border-radius: 5px;
    border-left: 5px solid var(--primary-accent);
    padding:1.5rem;
    margin-top:3rem;
}
.callout-text {
    font-size: 1.5rem;
    font-family:'Merriweather';
    width: auto;
    display:inline-block;

    color: var(--primary-heading-color);
}
.callout-text .subtext {
    font-size:1rem;
    width:80%;
    margin-top:0.5rem;
    background: none;
    display:inline-block;
    font-family: var(--bs-body-font-family);
    color:var(--primary-text-color);

}