:root {
      /* Primary Brand Colors */
    --brand-primary: #063633;   /* Primary brand color */
    --brand-red: #d94433;   /* Primary brand color */
    --brand-secondary: #698F26; /* Secondary brand color */
    --brand-accent: #f9f9f9;    /* Accent color */
    --text-light: #FFFFFF;      /* Light text color for dark backgrounds */
    --brand-light: #698F26;     /* Lighter shade of primary brand color */
    --black-semi-transparent: rgba(0, 0, 0, 0.9); /* Semi-transparent black */
    --black-transparent: rgba(0, 0, 0, 1); /* Transparent black */
    --hover-color: #90ee90; /* Light green hover color */

    --btn-bg-color: var(--brand-primary);     /* Background color */
    --btn-text-color: var(--text-light);      /* Text color */
    --btn-border-color: var(--brand-secondary); /* Border color */
    --btn-hover-bg-color: var(--brand-light); /* Background color on hover */
    --btn-hover-text-color: var(--text-light); /* Text color on hover */
    --btn-hover-border-color: var(--brand-secondary); /* Border color on hover */
 
}