:root {
    --color-main-purple: #bc72fb;
    --color-main-turqoise: #20c5bf;

    --color-white: #fff;
    --color-black: #000;
    --color-off-white: #e2e2e2;
    --color-blue: #196fb2;
    --color-turqoise: #20c5bf;
    --color-yellow: #ffea6a;

    --color-resource-light: #d3ffd5;
    --color-resource: #01c604;
    --color-resource-dark: #00b625;
    --color-organization-light: #d3e2ff;
    --color-organization: #004ce1;
    --color-organization-dark: #003cff;
    --color-influencer-light: #fff3d3;
    --color-influencer: #ffd034;
    --color-influencer-dark: #ffab00;
    --color-health-facility-light: #e3d3ff;
    --color-health-facility: #7a34ff;
    --color-health-facility-dark: #4800ff;

    --color-tag-body-text: #333;
    --color-tag-a: var(--color-main-turqoise);
    --color-tag-strong: var(--color-main-purple);
    --color-tag-main-bg: #e2e8f8;

    --color-card-bg: var(--color-white);

    --color-section-bg-light: #d2dbf8;
    --color-section-text-dark: #09aaa4;

    --color-label-bg: #759bff;
    --color-label-text: #fff;

    --color-button-bg-cta: var(--color-main-turqoise);
    --color-button-text-cta: var(--color-white);
    --color-button-bg-cta-hover: var(--color-white);
    --color-button-text-cta-hover: var(--color-black);

    --color-event-listing-bg: #ffffff;
}