//
// Opacity
//
$opacity-lighter:      0.12;
$opacity-light:        0.2;
$opacity-base:         0.3;

// -- 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
);

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

//
// Color system
//

$theme-colors: map-merge(
  (
    "primary":            #1E365E,                          // bg-primary            text-primary            border-primary
    "primary-darker":     #162845,                          // bg-primary-darker     text-primary-darker     border-primary-darker
    "primary-lighter":    #0060AC,                          // bg-primary-lighter    text-primary-lighter    border-primary-lighter
    "primary-transparent":rgba(#0060AC, $opacity-lighter),  // bg-primary-transparent
    "secondary":          #F89235,                          // bg-secondary          text-secondary          border-secondary
    "secondary-darker":   #DA782D,                          // bg-secondary-darker   text-secondary-darker   border-secondary-darker
    "secondary-lighter":  lighten(#F89235, 38%),                          // bg-secondary-lighter  text-secondary-lighter  border-secondary-lighter
    "secondary-transparent":rgba(#F89235, $opacity-lighter),// bg-secondary-transparent
    "light":              #eeeeee,                          // bg-light              ----------              ----------
    "light-transparent":  rgba(#eeeeee, $opacity-base),     // bg-light-transparent  ----------              border-light-transparent
    "light-secondary":    #f3f3f3,                          // bg-light-secondary    ----------              ----------
    "light-tertiary":     #E6EDF1,                          // bg-light-tertiary     ----------              ----------
    "dark":               #1c2836,                          // bg-dark               ----------              ----------
    "dark-secondary":     #263042,                          // bg-dark-secondary     ----------              ----------
    "dark-transparent":   rgba(#263042, $opacity-base),     // bg-dark-transparent   ----------              border-dark-transparent
    "success":            #43AE33,                          // bg-success            text-success            border-success
    "warning":            #F59245,                          // bg-warning            text-warning            border-warning
    "danger":             #BE332A,                          // bg-danger             text-danger             border-danger
    "info":               #6e7781,                          // bg-info               text-info               border-info
    "info-transparent":   rgba(#6e7781, $opacity-base),     // bg-info-transparent   ----------              border-info-transparent
    "default":            #444444,                          // ----------            text-default            ----------
    "grey":               #525252,                          // ----------            text-grey               ----------
    "helper-default":     #889099,
    "white":              #ffffff,
  ),
  $theme-4d-colors
);

// Navbar
$x-navbar-logo-height:                   1.875rem;

// BG Logo pattern
$x-bg-primary-pattern: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 548 486'%3E%3Cpath d='M323.398067,0 L382.508405,0 L547.797703,77.3150989 L547.797703,292.069332 L533.170547,212.012473 L263.923918,170.854747 L323.398067,0 Z M263.923918,170.854747 L387.460315,216.11553 L330.354646,327.864478 L0,485.374374 L243.37578,229.950629 L263.923918,170.854747 Z' fill='#fff' opacity='0.05' %3E%3C/path%3E%3C/svg%3E"), "#", "%23");