:root {
    --primary-color: #004422;
    --primary-color-50: hsl(150, 100%, 26%);
    --primary-color-stroke: #E0E8E4;
    --primary-color-ramp-050: hsl(90, 81%, 87%);
    --accent-color: #e74c3c;
    --button-seconday: rgba(0, 68, 34, 0.12);
    --button-seconday-hover: rgb(245, 245, 245);
    --primary-color-state-hover: hsl(150, 61%, 20%);
    --primary-color-disabled: hsl(150, 30%, 34%);
    --menu-item-hover: hsl(0,0%,0%,0.04);
    --danger-color: hsl(4, 72%, 47%);
    --danger-color-hover-: hsl(4,65%,51%);
    --danger-color-stroke: hsl(4,64%,54%);
    --alert-error: hsl(358, 100%, 90%);
    --error-color: hsla(4, 72%, 47%, 1);
    --surface-color-dark: hsl(204, 12%, 92%);
    --data-completeness-required: #FF0000;
    --data-completeness-encouraged: #ED7D31;
    --data-completeness-optional: #70AD47;
    --secondary-color: #83D929;
    --OnColors-OnSurface-Stroke: #0044221F;
    --primary-selected: #296246;
    --alert-success: #eeffef;
    --alert-error: #ffccce;
}