/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Murecho:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');

:root {
    /* Variables */
    --fontFancy: "Antonio", sans-serif;
    --fontPrimary: "Murecho", sans-serif;

    --fontWeightThin: 100;
    --fontWeightExtraLite: 200;
    --fontWeightLite: 300;
    --fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightSemiBold: 600;
    --fontWeightBold: 700;
    --fontWeightExtraBold: 800;
    --fontWeightBlack: 900;

    --fontSizeBody: 18px;

    --borderRadiusWideScreen: 32px;
    --borderRadiusSmallScreen: 20px;


    /* Colour Pallete */
    --pfiWhite: #ffffff;
    --pfiBlack: #000000;
    --pfiGray: #878C90;
    --pfiPurpleLite: #5300EC;
    --pfiPurpleLite30: #5300EC4D;
    --pfiPurpleDark: #4400C5;

    /* Colour Gradients */
    --pfiPurpleGradientVertical: linear-gradient(to bottom, var(--pfiPurpleLite), var(--pfiPurpleDark));
}