//
// Opacity
//
$opacity-lighter:      0.08;
$opacity-light:        0.3;
$opacity-base:         0.6;


//
// Color system
//

// -- Grays -- //
$theme-4d-grays: () !default;
$theme-4d-grays: map-merge(
  (
    'gray-var-1':  #F6F6F6,  // Horizontal Tab bg
    'gray-var-2':  #F0F0F0,  // Body bg, Text input disabled bg , table hover
    'gray-var-3':  #E5E5E5,  // Table cell border color
    'gray-var-4':  #E5E5E5,  // Dropdown default bg
    'gray-var-5':  #DDDDDD,  // Fieldset heading underline
    'gray-var-6':  #D8D8D8,  // Status badge default bg
    'gray-var-7':  #ABADB3,  // Text input disabled border
    'gray-var-8':  #ADADAD,  // Dropdown default border
    'gray-var-9':  #7A7A7A,  // Button Default border, Text input default border
    'gray-var-10': #6E7780,  // Pop-window control bg
    'gray-var-11': #333333,  // Text color, default checkbox,
    'gray-var-12': #505050   // Dropdown text color
  ),
  $theme-4d-grays
);

// -- Blues -- //
// @ $theme-primary: btn-primary bg, btn default/outline border hover
$theme-4d-blues: () !default;
$theme-4d-blues: map-merge(
  (
    'blue-var-1':  #DCEEF9,  // Btn default bg hover, Dropdown default hover bg
    'blue-var-2':  #CCE4F7,  // Checkbox active hover bg
    'blue-var-3':  #0078D7,  // Text input focus border, Checkbox hover border, Dropdown hover border
    'blue-var-4':  #142440   // Btn-primary hover
    // 'blue-var-4':  #005499   // Checkbox checked hover border
  ),
  $theme-4d-blues
);

// == Orange == //
// @ $brand-secondary : Table, Vertical/Horizontal tabs border accent,
//                      Header menu item horizontal border-b accent
// @ $brand-secondary-darker : Horizontal Tab border accent on light bg

$theme-4d-colors: map-merge($theme-4d-grays, $theme-4d-blues);


$theme-colors: (
    "primary":            #0E5FE3,                          // bg-primary            text-primary            border-primary
    "primary-lighter":    #E8F0FC,                          // bg-primary-lighter    text-primary-lighter    border-primary-lighter
    "primary-darker":     rgb(10, 73, 175),                 // bg-primary-lighter    text-primary-lighter    border-primary-lighter
    "primary-transparent":rgba(#0E5FE3, $opacity-lighter),  // bg-primary-transparent
    "secondary":          #191919,                          // bg-secondary          text-secondary          border-secondary
    "secondary-darker":   #191919,                          // bg-secondary-darker   text-secondary-darker   border-secondary-darker
    "secondary-lighter":  #E6E6E6,                          // bg-secondary-lighter  text-secondary-lighter  border-secondary-lighter
    "secondary-transparent":rgba(#191919, $opacity-lighter),// bg-secondary-transparent
    "light":              #ffffff,                          // bg-light              ----------              ----------
    "light-secondary":    #F5F6F7,                          // bg-light-secondary    ----------              ----------
    "light-transparent":  rgba(#F5F6F7, .2),                // bg-light-secondary    ----------              ----------
    "dark":               #CED2DA,                          // bg-dark               ----------              ----------
    "dark-secondary":     #253042,                          // bg-dark-secondary     ----------              ----------
    "dark-transparent":   rgba(#253042, $opacity-light),    // bg-dark-transparent   ----------              border-dark-transparent
    "success":            #49BF70,                          // bg-success            text-success            border-success
    "warning":            #EDBE51,                          // bg-warning            text-warning            border-warning
    "danger":             #D65454,                          // bg-danger             text-danger             border-danger
    "info":               #6D7278,                          // bg-info               text-info               border-info
    "info-transparent":   rgba(#6D7278, $opacity-base),     // bg-info-transparent   ----------              border-info-transparent
    "default":            #333333,                          // ----------            text-default            ----------
    "grey":               #6D7278,                          // ----------            text-grey               ----------
    "helper-default":     #5D4ABD,                          // ----------            helper-default
    "white":              #fff,
    "black":              #000
);

// Brand Override Variables
// Button
$btn-font-weight:             400;