/************* Labor Skin Variables *************/

.sky-skin, :root {
    --color1:   #1877aa !important; /* primary blue */
    --color2:   #165578; /* secondary blue */
    --color3:   #D2542E; /* hover blue */
    --color4:   #A3CEE6; 
    --color4dimmed: rgba(163, 206, 230, 0.2); 
    --color5:   #FEC906; /* "warning" yellow */
    --color6:   #d6aa05; /* secondary yellow */
    --color10:  #50841f; /* "success" green */
    --color11:  #395e14; /* secondary green */
    --color7:   #FFFFFF; /* white */
    --color8:   #16202b; /* mostly black */
	--color9:   #e5e5e7; /* light grey */
    --color10:  #50841f; /* "success" green */
    --color11:  #395e14; /* secondary green */
    --color12:  #2b3747; /* slate gray */
    --color13:  #4a4a4c; /* employer card gray */

    /* Easier to remember */
    --idol-blue:        var(--color1);
    --idol-blue-90:     rgba(24, 119, 170, 0.9); 
    --idol-darkblue:    var(--color2);
    --idol-linkblue:    #175E86; /* Achieves 7:1 contrast ratio on white BG for WCAG AAA */
    --idol-green:       var(--color10);
    --idol-green-90:    rgba(80, 132, 31, 0.9); 
    --idol-darkgreen:   var(--color11);
    --idol-yellow:      var(--color5);
    --idol-yellow-90:   rgba(254, 201, 6, 0.9); 
    --idol-darkyellow:  var(--color6);
    --idol-white:       var(--color7);
    --idol-white-90:    rgba(255, 255, 255, 0.9); 
    --idol-black:       var(--color8);
    --idol-black-90:    rgba(22, 32, 43, 0.9); 
    --idol-gray:        var(--color9);
    --idol-gray-90:     rgba(229, 229, 231, 0.9); 
    --idol-darkgray:    var(--color12);
    --idol-darkgray-90: rgba(43, 55, 71, 0.9); 
    --idol-employergray:var(--color13);

    /* Bootstrap overrides */
    --bs-link-color: var(--idol-linkblue); 
    --bs-link-color-rgb: var(--idol-linkblue);

    --bs-blue: var(--color1);
    --bs-yellow:  var(--color5);
    --bs-green:  var(--color10);
    --bs-black: var(--color8);
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: var(--color1);
    --bs-secondary: #6c757d;
    --bs-success: var(--color10);
    --bs-info: #0dcaf0;
    --bs-warning:  var(--color5);
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;

    --bs-form-valid-color: var(--color10);
    --bs-form-valid-border-color: var(--color10);
}