:root {
    --principal-darkgreen: #283818;
    --principal-lightgreen: #438A2E;
    --principal-cream: #EBEFCB;
    --secondary--orange: #EDAA52;
    --secondary--lightblue: #98DDED;
    --additional-grey: #F3F3F3;
    --additional-grey2: #D9D9D9;
    --additional-darkgreen: #4A672D;
    --additional-lightgreen: #A7C680;
    --additional--orange: #F3D8B4;
    --additional--darkorange: #955F18;
    --additional--darkgreenopacity: #28381880;
    --additional-lightgreenopacity: #28381842;
    --additional--blue: #AAE5F8;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-30: 30px;
    --font-size-32: 32px;
    --font-size-36: 36px;
    --font-size-40: 40px;
    --font-size-48: 48px;
    --font-size-56: 56px;
    --font-size-64: 64px;
    --font-size-70: 70px;
    --font-size-76: 76px;
}