.landing {
    --pnl-positive: #16c784;
    --pnl-negative: #ea3943;
    --pnl-neutral: gray;
    font-family: IBM Plex Sans, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;

    --pnl-bg-positive: #d4edda;
    --pnl-bg-negative: #f8d7da;
}

.landing .badge.bg-success {
    background-color: var(--pnl-bg-positive) !important;
    color: black;
}

.landing .badge.bg-danger {
    background-color: var(--pnl-bg-negative) !important;
    color: black;
}

.landing .badge.bg-secondary {
    background-color: #E0E0E0 !important;
    color: black;
}

.text-pnl-positive {
    color: var(--pnl-positive);
}

.text-pnl-negative {
    color: var(--pnl-negative);
}

.text-pnl-neutral {
    color: var(--pnl-neutral);
}