:root {
    --foundationyellowlight-hover: rgba(254, 244, 217, 1);
    --foundationyellowlight-active: rgba(253, 232, 176, 1);
    --foundationyellownormal: rgba(248, 180, 0, 1);
    --foundationyellownormal-hover: rgba(223, 162, 0, 1);
    --foundationlight-yellownormal: rgba(255, 227, 184, 1);
    --foundationgreenlight-hover: rgba(225, 234, 230, 1);
    --foundationgreenlight-active: rgba(193, 211, 204, 1);
    --foundationgreennormal: rgba(55, 113, 91, 1);
    --foundationgreennormal-hover: rgba(50, 102, 82, 1);
    --foundationgreennormal-active: rgba(44, 90, 73, 1);
    --foundationgreendark-active: rgba(25, 51, 41, 1);
    --primary: rgba(18, 91, 80, 1);
    --secondary: rgba(159, 189, 132, 1);
    --lineicon: rgba(51, 54, 63, 1);
    --txt: rgba(255, 255, 255, 1);
    --white: rgba(255, 255, 255, 1);
    --black: rgba(54, 64, 91, 1);
    --textdim: rgba(79, 79, 79, 1);
    --background: rgba(250, 245, 228, 1);
    --drop-shadow: 10px 40px 50px 0px rgba(229, 233, 246, 0.4);
  }
  