:root {
    --light-green: #64A68D;
    --mid-green: #1C8965;
    --less-dark-green: #013D29;
    --dark-green: #002418;
    --acid-green: #e9ff5e;
    --super-light: #ecffff;
    --light: #E6EDED;
}

/* Font color */
.text-light-green {
    color: var(--light-green);
}
.text-mid-green {
    color: var(--mid-green);
}
.text-less-dark-green {
    color: var(--less-dark-green);
}
.text-dark-green {
    color: var(--dark-green);
}
.text-acid-green {
    color: var(--acid-green);
}
.text-super-light {
    color: var(--super-light);
}
.text-light {
    color: var(--light);
}

/* Background colors */
.background-light-green {
    background-color: var(--light-green);
}
.background-mid-green {
    background-color: var(--mid-green);
}
.background-less-dark-green {
    background-color: var(--less-dark-green);
}
.background-dark-green {
    background-color: var(--dark-green);
}
.background-acid-green {
    background-color: var(--acid-green);
}
.background-super-light {
    background-color: var(--super-light);
}
.background-light {
    background-color: var(--light);
}