/* Variables */

:root {
    /*Colours*/
    --white: #ffffff;
    --gray: #f6f9fa;
    --light: #FCE8EC;
    --purple: #3B2E63;
    --purple-75: #6d638b;
    --purple-50: #a39eb5;
    --purple-25: #d2d0da;
    --greenLight: #d9f1e7;
    --greenLight-50: #00E07F;
    --greenMid: #00A35C;
    --greenMid-50: #00A35C;
    --greenDark: #007b45;
    --greenDark-75: #007b45BF;
    --tableZebra: #CEE3E3;
    --yellow: #F6F983;
    --font-family: 'Poppins', sans-serif;
    --borderRadius: 0.6rem;
    --boxShadow: rgb(149 157 165 / 20%) 0 8px 24px;
    --boxShadowHover: 0 0 10px rgb(1 41 112 / 25%);

}