/*
==========================================================================================================
     INSTRUCTIONS FOR SETTING COLOR VARIATIONS
==========================================================================================================
    + Go to : https://learnui.design/tools/data-color-picker.html#single
----------------------------------------------------------------------------------------------------------
    SETTING THE "LIGHT" COLOR VARIATION
----------------------------------------------------------------------------------------------------------
    + Adjust The Settings :
        - set the "number of colors" to 6...
        - set the "brightness" all the way to the RIGHT...
        - set the "color intensity" all the way to the LEFT...
    + Get Results :
        - in the first box from the LEFT, input the hex code for the color of choice...
        - in the second box from the LEFT, use this hex code as the "light" color variation...
----------------------------------------------------------------------------------------------------------
    SETTING THE "DARK" COLOR VARIATION
----------------------------------------------------------------------------------------------------------
    + Adjust The Settings :
        - set the "number of colors" to 6...
        - set the "brightness" all the way to the LEFT...
        - set the "color intensity" all the way to the LEFT...
    + Get Results :
        - in the first box from the LEFT, input the hex code for the color of choice...
        - in the second box from the LEFT, use this hex code as the "dark" color variation...
*/

:root {
    /* 
    ======================================================================================================
        CLIENT BRANDING COLOR SETTINGS
    ======================================================================================================
    */
    --color-client-primary: #238DC1; /* --------------- Primary color of companies branding */
    --color-client-primary-opaque: #238DC140; /* ------ Add "40" to the end of the companies primary branding (hex) color */
    --color-client-primary-light: #62A3CD; /* --------- Reference "setting the light color variation" instructions above */
    --color-client-primary-dark: #256F97; /* ---------- Reference "setting the dark color variation" instructions above */
    --color-client-secondary: #4AC1E0; /* ------------- Secondary color of companies branding */
    --color-client-secondary-opaque: #4AC1E040; /* ---- Add "40" to the end of the companies secondary branding (hex) color */
    --color-client-secondary-light: #7ACDE6; /* ------- Reference "setting the light color variation" instructions above */
    --color-client-secondary-dark: #3F97AF; /* -------- Reference "setting the dark color variation" instructions above */
}