/*
    Fonts selected from Google Fonts https://fonts.google.com

    Header
        Open Sans       Regular 400
                        Medium 500
                        Bold 700
    Text
        Roboto Flex     Regular 400

    The theme file must be loaded second in your list of stylesheets after only the reset.css
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto+Flex:opsz@8..144&display=swap');

:root {
    --header-font-family: 'Open Sans', sans-serif;
    --header-font-weight-1: 400;
    --header-font-weight-2: 500;
    --header-font-weight-3: 700;

    --text-font-family: 'Roboto Flex', sans-serif;
}

/*

    Colour scheme generated from FCS Logo by https://color.adobe.com using default Colorful option

    Colours converted to HSL using Color Converter from W3Schools 
    https://www.w3schools.com/colors/colors_converter.asp

    Colour 1     #0511F2     	hsl(237, 96%, 48%)
    Colour 2     #35D0F2        hsl(191, 88%, 58%)
    Colour 3     #93F205        hsl(84, 96%, 48%)
    Colour 4     #9ED91E        hsl(79, 76%, 48%)
    Colour 5     #0D0D0D        hsl(0, 0%, 5%)

*/

:root {
    --colour-1:	hsl(237, 96%, 48%);
    --colour-1-hue: 237;
    --colour-1-saturation: 96%;
    --colour-1-lightness: 48%;


    --colour-2: hsl(191, 88%, 58%);
    --colour-2-hue: 191;
    --colour-2-saturation: 88%;
    --colour-2-lightness: 58%;
    
    --colour-3: hsl(84, 96%, 48%);
    --colour-3-hue: 84;
    --colour-3-saturation: 88%;
    --colour-3-lightness: 58%;

    --colour-4: hsl(79, 76%, 48%);
    --colour-4-hue: 79;
    --colour-4-saturation: 88%;
    --colour-4-lightness: 48%;

    --colour-5:  hsl(0, 0%, 5%);
    --colour-5-hue: 0;
    --colour-5-saturation: 0%;
    --colour-5-lightness: 5%;
    
}