/*
==========================================================================================================
     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: #D4242C; /* --------------- Primary color of companies branding */
    --color-client-primary-opaque: #D4242C40; /* ------ Add "40" to the end of the companies primary branding (hex) color */
    --color-client-primary-light: #E55C52; /* --------- Reference "setting the light color variation" instructions above */
    --color-client-primary-dark: #A72325; /* ---------- Reference "setting the dark color variation" instructions above */
    --color-client-secondary: #7B7B7D; /* ------------- Secondary color of companies branding */
    --color-client-secondary-opaque: #7B7B7D40; /* ---- Add "40" to the end of the companies secondary branding (hex) color */
    --color-client-secondary-light: #949496; /* ------- Reference "setting the light color variation" instructions above */
    --color-client-secondary-dark: #616163; /* -------- Reference "setting the dark color variation" instructions above */
}