:root {
    --website-primary: #21a179;
    --website-secondary: #111827;
    --website-accent: #64bda1;
}

.focus\:shadow-outline-primary:focus { box-shadow: 0 0 0 3px hsla(160,40%,75%,0.45); }
.bg-primary-50 { background-color: #f4fbf8 !important; }
.hover\:bg-primary-50:hover { background-color: #f4fbf8 !important; }
.focus\:bg-primary-50:focus { background-color: #f4fbf8 !important; }
.text-primary-50 { color: #f4fbf8 !important; }
.hover\:text-primary-50:hover { color: #f4fbf8 !important; }
.focus\:text-primary-50:focus { color: #f4fbf8 !important; }
.border-primary-50 { border-color: #f4fbf8 !important; }
.hover\:border-primary-50:hover { border-color: #f4fbf8 !important; }
.focus\:border-primary-50:focus { border-color: #f4fbf8 !important; }
.ring-primary-50 { --tw-ring-color: #f4fbf8 !important; }
.focus\:ring-primary-50:focus { --tw-ring-color: #f4fbf8 !important; }
.bg-primary-100 { background-color: #e9f6f1 !important; }
.hover\:bg-primary-100:hover { background-color: #e9f6f1 !important; }
.focus\:bg-primary-100:focus { background-color: #e9f6f1 !important; }
.text-primary-100 { color: #e9f6f1 !important; }
.hover\:text-primary-100:hover { color: #e9f6f1 !important; }
.focus\:text-primary-100:focus { color: #e9f6f1 !important; }
.border-primary-100 { border-color: #e9f6f1 !important; }
.hover\:border-primary-100:hover { border-color: #e9f6f1 !important; }
.focus\:border-primary-100:focus { border-color: #e9f6f1 !important; }
.ring-primary-100 { --tw-ring-color: #e9f6f1 !important; }
.focus\:ring-primary-100:focus { --tw-ring-color: #e9f6f1 !important; }
.bg-primary-200 { background-color: #c8e7dc !important; }
.hover\:bg-primary-200:hover { background-color: #c8e7dc !important; }
.focus\:bg-primary-200:focus { background-color: #c8e7dc !important; }
.text-primary-200 { color: #c8e7dc !important; }
.hover\:text-primary-200:hover { color: #c8e7dc !important; }
.focus\:text-primary-200:focus { color: #c8e7dc !important; }
.border-primary-200 { border-color: #c8e7dc !important; }
.hover\:border-primary-200:hover { border-color: #c8e7dc !important; }
.focus\:border-primary-200:focus { border-color: #c8e7dc !important; }
.ring-primary-200 { --tw-ring-color: #c8e7dc !important; }
.focus\:ring-primary-200:focus { --tw-ring-color: #c8e7dc !important; }
.bg-primary-300 { background-color: #8bd0ba !important; }
.hover\:bg-primary-300:hover { background-color: #8bd0ba !important; }
.focus\:bg-primary-300:focus { background-color: #8bd0ba !important; }
.text-primary-300 { color: #8bd0ba !important; }
.hover\:text-primary-300:hover { color: #8bd0ba !important; }
.focus\:text-primary-300:focus { color: #8bd0ba !important; }
.border-primary-300 { border-color: #8bd0ba !important; }
.hover\:border-primary-300:hover { border-color: #8bd0ba !important; }
.focus\:border-primary-300:focus { border-color: #8bd0ba !important; }
.ring-primary-300 { --tw-ring-color: #8bd0ba !important; }
.focus\:ring-primary-300:focus { --tw-ring-color: #8bd0ba !important; }
.bg-primary-400 { background-color: #4eb998 !important; }
.hover\:bg-primary-400:hover { background-color: #4eb998 !important; }
.focus\:bg-primary-400:focus { background-color: #4eb998 !important; }
.text-primary-400 { color: #4eb998 !important; }
.hover\:text-primary-400:hover { color: #4eb998 !important; }
.focus\:text-primary-400:focus { color: #4eb998 !important; }
.border-primary-400 { border-color: #4eb998 !important; }
.hover\:border-primary-400:hover { border-color: #4eb998 !important; }
.focus\:border-primary-400:focus { border-color: #4eb998 !important; }
.ring-primary-400 { --tw-ring-color: #4eb998 !important; }
.focus\:ring-primary-400:focus { --tw-ring-color: #4eb998 !important; }
.bg-primary-500 { background-color: #21a179 !important; }
.hover\:bg-primary-500:hover { background-color: #21a179 !important; }
.focus\:bg-primary-500:focus { background-color: #21a179 !important; }
.text-primary-500 { color: #21a179 !important; }
.hover\:text-primary-500:hover { color: #21a179 !important; }
.focus\:text-primary-500:focus { color: #21a179 !important; }
.border-primary-500 { border-color: #21a179 !important; }
.hover\:border-primary-500:hover { border-color: #21a179 !important; }
.focus\:border-primary-500:focus { border-color: #21a179 !important; }
.ring-primary-500 { --tw-ring-color: #21a179 !important; }
.focus\:ring-primary-500:focus { --tw-ring-color: #21a179 !important; }
.bg-primary-600 { background-color: #1f9973 !important; }
.hover\:bg-primary-600:hover { background-color: #1f9973 !important; }
.focus\:bg-primary-600:focus { background-color: #1f9973 !important; }
.text-primary-600 { color: #1f9973 !important; }
.hover\:text-primary-600:hover { color: #1f9973 !important; }
.focus\:text-primary-600:focus { color: #1f9973 !important; }
.border-primary-600 { border-color: #1f9973 !important; }
.hover\:border-primary-600:hover { border-color: #1f9973 !important; }
.focus\:border-primary-600:focus { border-color: #1f9973 !important; }
.ring-primary-600 { --tw-ring-color: #1f9973 !important; }
.focus\:ring-primary-600:focus { --tw-ring-color: #1f9973 !important; }
.bg-primary-700 { background-color: #1b8866 !important; }
.hover\:bg-primary-700:hover { background-color: #1b8866 !important; }
.focus\:bg-primary-700:focus { background-color: #1b8866 !important; }
.text-primary-700 { color: #1b8866 !important; }
.hover\:text-primary-700:hover { color: #1b8866 !important; }
.focus\:text-primary-700:focus { color: #1b8866 !important; }
.border-primary-700 { border-color: #1b8866 !important; }
.hover\:border-primary-700:hover { border-color: #1b8866 !important; }
.focus\:border-primary-700:focus { border-color: #1b8866 !important; }
.ring-primary-700 { --tw-ring-color: #1b8866 !important; }
.focus\:ring-primary-700:focus { --tw-ring-color: #1b8866 !important; }
.bg-primary-800 { background-color: #18765a !important; }
.hover\:bg-primary-800:hover { background-color: #18765a !important; }
.focus\:bg-primary-800:focus { background-color: #18765a !important; }
.text-primary-800 { color: #18765a !important; }
.hover\:text-primary-800:hover { color: #18765a !important; }
.focus\:text-primary-800:focus { color: #18765a !important; }
.border-primary-800 { border-color: #18765a !important; }
.hover\:border-primary-800:hover { border-color: #18765a !important; }
.focus\:border-primary-800:focus { border-color: #18765a !important; }
.ring-primary-800 { --tw-ring-color: #18765a !important; }
.focus\:ring-primary-800:focus { --tw-ring-color: #18765a !important; }
.bg-primary-900 { background-color: #14654c !important; }
.hover\:bg-primary-900:hover { background-color: #14654c !important; }
.focus\:bg-primary-900:focus { background-color: #14654c !important; }
.text-primary-900 { color: #14654c !important; }
.hover\:text-primary-900:hover { color: #14654c !important; }
.focus\:text-primary-900:focus { color: #14654c !important; }
.border-primary-900 { border-color: #14654c !important; }
.hover\:border-primary-900:hover { border-color: #14654c !important; }
.focus\:border-primary-900:focus { border-color: #14654c !important; }
.ring-primary-900 { --tw-ring-color: #14654c !important; }
.focus\:ring-primary-900:focus { --tw-ring-color: #14654c !important; }

.text-on-primary { color: #fff !important; }
.text-theme { color: #fff !important; }
.text-on-secondary { color: #fff !important; }
.text-on-accent { color: #000 !important; }