: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: #ffffff;
    --color-tag-a: #220071;
    --color-tag-strong: var(--color-main-purple);
    --color-tag-main-bg: #000000;

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

    --color-section-bg-light: #d3d2f8;
    --color-section-text-dark: #574596;

    --color-label-bg: linear-gradient(45deg, #02007c, #7126ff);
    --color-label-text: var(--color-white);

    --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);
}

/* Custom styles */

.event-card {
    border: none !important;
    border-radius: 0 !important;
}