@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');

:root {
    --tblr-primary: #96c214;
    --tblr-primary-rgb: 150, 194, 20;
    --tblr-font-sans-serif: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --lc-body-bg: #f8f8f6;
    --lc-text-color: #212419;
    --lc-link-color: #607c0e;
    --lc-secondary-color: #878f70;
    --lc-header-bg: #fdfdfc;
    --lc-card-header-bg: #eef0eb;
    --lc-footer-bg: #323c16;
    --lc-footer-text: #b6be9d;
    --lc-price: #212419;
    --lc-sale-price: #dc2626;
    --lc-btn-text: #464646;
}

body {
    background-color: var(--lc-body-bg);
    color: var(--lc-text-color);
}

a {
    color: var(--lc-link-color);
}

.btn-primary {
    color: var(--lc-btn-text);
}

.lc-price {
    color: var(--lc-price);
}

.lc-old-price {
    color: var(--lc-secondary-color);
    text-decoration: line-through;
    font-weight: 400;
    opacity: .85;
    margin-right: .4em;
}

.lc-sale-price {
    color: var(--lc-sale-price);
}

.card-header {
    background-color: var(--lc-card-header-bg);
}
.footer {
    background-color: var(--lc-footer-bg) !important;
    color: var(--lc-footer-text) !important;
}