@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&family=Roboto:wght@400;700&display=swap');

:root {

    /* Color Palette Section */

    --color-1: #0f1016;
    --text-color: #f0f0f0;
    --accent-color: #89D1D1;
    --accent-color-2: #908FDB;
    --bg-color: #030C44;
    --card-bg-color: #1C1853;
    --heading-font: 'Outfit', sans-serif;
    --body-text-font: 'Roboto', sans-serif;

    /* Main-section */

    --body-text-font-family: "Roboto", Helvetica;
    --body-text-font-weight: 400;
    --body-text-font-size: 16px;
    --body-text-letter-spacing: 0px;
    --body-text-line-height: 27.5px;
    --body-text-font-style: normal;
    --main-heading-font-family: "Outfit", Helvetica;
    --main-heading-font-weight: 700;
    --main-heading-font-size: 65px;
    --main-heading-letter-spacing: 0px;
    --main-heading-line-height: 100%;
    --main-heading-font-style: normal;
    --sub-heading-font-family: "Outfit", Helvetica;
    --sub-heading-font-weight: 700;
    --sub-heading-font-size: 20px;
    --sub-heading-letter-spacing: 2.6px;
    --sub-heading-line-height: 27.5px;
    --sub-heading-font-style: normal;
    --h2-font-family: "Outfit", Helvetica;
    --h2-font-weight: 700;
    --h2-font-size: 58px;
    --h2-letter-spacing: 0px;
    --h2-line-height: 100%;
    --h2-font-style: normal;
}