:root {

    --clr-primary-100: hsl(195, 50%, 97%);
    --clr-primary-200: hsl(198, 84%, 90%);
    --clr-primary-250: #cfeaf7;
    --clr-primary-400: hsl(198, 100%, 58%);
    --clr-primary-400-50: hsla(198, 100%, 58%, 0.5);
    --clr-primary-400-80: hsla(198, 100%, 58%, 0.8);
    --clr-primary-500: #19b0f0;
    --clr-primary-550: #1a9cd3;
    --clr-primary-600: hsl(198, 70%, 26%);
    --clr-primaty-650: hsl(198, 88%, 25%);
    --clr-primary-800: hsl(198, 68%, 11%);

    --clr-primary-850: hsl(207, 49%, 16%);
    --clr-primary-900: hsl(209, 33%, 12%);

    --clr-neutral-100: hsl(0, 0%, 100%);
    --clr-neutral-200: hsla(200, 43%, 99%, 0.8);

    --clr-dark-100: hsla(0, 0%, 50%, 0.2);
    --clr-dark-400: hsla(0, 0%, 25%, 0.8);
    --clr-dark-500: hsl(240, 1%, 19%);
    --clr-dark-600: hsl(0, 0%, 13%);
    --clr-dark-700: hsla(240, 1%, 14%, 0.8);
    --clr-dark-800: #161617;

    --hero-background-gradient: linear-gradient(180deg, var(--clr-dark-800) 0%, var(--clr-dark-800) 36%, var(--clr-primary-850) 100%);
    --team-background-gradient: linear-gradient(180deg, var(--clr-primary-100) 0%, var(--clr-primary-250) 100%);
    --mission-background-gradient: linear-gradient(180deg, var(--clr-dark-800) 0%, var(--clr-dark-800) 36%, var(--clr-primary-850) 100%);


    --ff-primary: "Jaldi", sans-serif; /* 400 and 700 - Regular and Bold*/
    --ff-accent: "Red Hat Mono", monospace; /* 500 - Medium*/

}