@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
    --color-true-white: #ffffff;
    --color-true-black: #000000;

    --color-white: #ffffff;
    --color-grey: #b4b4b4;
    --color-black: #333333;

    --color-grey-light: #f3f3f3;
    --color-grey-dark: #c4c4c4;

    --color-primary: #FFD335;
    --color-secondary: #7763E5;
    --color-tertiary: #09A24F;

    --color-primary-light: #FFDB5A;
    --color-secondary-light: #9888EF;
    --color-tertiary-light: #2BAE68;

    --color-primary-dark: #E9B807;
    --color-secondary-dark: #5A43D9;
    --color-tertiary-dark: #02813D;

    --color-text-black: var(--color-black);
    --color-text-grey: var(--color-grey);
    --color-text-white: var(--color-white);

    --color-text-on-primary: var(--color-black);
    --color-text-on-secondary: var(--color-white);
    --color-text-on-tertiary: var(--color-white);

    --color-text-on-primary-light: var(--color-black);
    --color-text-on-secondary-light: var(--color-white);
    --color-text-on-tertiary-light: var(--color-white);

    --color-text-on-primary-dark: var(--color-black);
    --color-text-on-secondary-dark: var(--color-white);
    --color-text-on-tertiary-dark: var(--color-white);

    --color-success: #155724;
    --color-success-background: #d4edda;
    --color-success-border-color: #c3e6cb;
    --color-error: #FF0000;

    --color-background: var(--color-white);
    --color-background-reverse: var(--color-black);

    --font-familly: 'Inter', sans-serif;
    --font-family-title: 'Nunito', sans-serif;;
    --font-size: 16px;
    --text-color: var(--color-black);
    --text-color-reverse: var(--color-text-white);
}