:root {
    --primary-color: #004438; /* Croda Green for primary elements */
    --secondary-color: #b7cfb4; /* Croda Light Green for accents */
    --text-color: #004438; /* Same as primary for text consistency */
    --text-color-values: #4a4a49;
    --button-bg-color: #004438; /* Button background color */
    --button-hover-color: #b7cfb4; /* Darker shade for hover effect */
    --button-text-color: #ffffff; /* High contrast text on buttons */
    --link-color: #004438; /* Distinct purple for links */
    --link-hover-color: #b7cfb4; /* Slightly darker purple on hover */
}