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

:root {
    --font-default: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

    --font-main: "Raleway", var(--font-default);
    --font-secondary: "Raleway", var(--font-default);


    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-sbold: 600;
    --font-bold: 700;
    --font-black: 900;


    --line-main: 1.4;
    --line-heading: 1.2;


    --font-italic: italic;


    --color-main: #2f82ff;
    --color-secondary: #4852af;

    --color-black: #202020;
    --color-white: #ffffff;
    --color-gray: #E7E7E7;

    --color-green: #5AAB85;
    --color-red: #FF0000;
    --color-yellow: #FFE4AE;

    --color-success: var(--color-green);
    --color-danger: var(--color-red);
    --color-warning: var(--color-yellow);


    --gradient-main: linear-gradient(
        94.72deg,
        #3155ea 24.95%,
        #496cff 40.94%,
        #3155ea 57.95%
    );


    --shadow-main: 0px 0px 20px 2px rgba(39, 51, 103, 0.7);


    --border-main: 1px solid;


    --radius-main: 20px;


    --transition-main: 150ms linear;
}