:root {
--primary: #2b6947;
--primary-color: #2b6947;
--q-primary: #2b6947;
--color-primary: #2b6947;

    --primary-10: #357351;


    --primary--10: #215f3d;
    --primary-20: #3f7d5b;


    --primary--20: #175533;
    --primary-30: #498765;


    --primary--30: #0d4b29;
    --primary-40: #53916f;


    --primary--40: #03411f;
    --primary-50: #5d9b79;


    --primary--50: #003715;
    --primary-60: #67a583;


    --primary--60: #002d0b;
    --primary-70: #71af8d;


    --primary--70: #002301;
    --primary-80: #7bb997;


    --primary--80: #001900;
    --primary-90: #85c3a1;


    --primary--90: #000f00;
    --primary-100: #8fcdab;


    --primary--100: #000500;

}

.bg-primary {
background-color: #2b6947
}

    .bg-primary-10 {
    background-color: var(--primary-10)
    }

    .bg-primary--10 {
    background-color: var(--primary--10)
    }
    .bg-primary-20 {
    background-color: var(--primary-20)
    }

    .bg-primary--20 {
    background-color: var(--primary--20)
    }
    .bg-primary-30 {
    background-color: var(--primary-30)
    }

    .bg-primary--30 {
    background-color: var(--primary--30)
    }
    .bg-primary-40 {
    background-color: var(--primary-40)
    }

    .bg-primary--40 {
    background-color: var(--primary--40)
    }
    .bg-primary-50 {
    background-color: var(--primary-50)
    }

    .bg-primary--50 {
    background-color: var(--primary--50)
    }
    .bg-primary-60 {
    background-color: var(--primary-60)
    }

    .bg-primary--60 {
    background-color: var(--primary--60)
    }
    .bg-primary-70 {
    background-color: var(--primary-70)
    }

    .bg-primary--70 {
    background-color: var(--primary--70)
    }
    .bg-primary-80 {
    background-color: var(--primary-80)
    }

    .bg-primary--80 {
    background-color: var(--primary--80)
    }
    .bg-primary-90 {
    background-color: var(--primary-90)
    }

    .bg-primary--90 {
    background-color: var(--primary--90)
    }
    .bg-primary-100 {
    background-color: var(--primary-100)
    }

    .bg-primary--100 {
    background-color: var(--primary--100)
    }



.bg-primary-light {
background-color: #498765
}

.bg-primary-more-dark {
background-color: #0d4b29
}

.text-primary {
color: #2b6947
}