//
// Opacity
//
$opacity-lighter:      0.08;
$opacity-light:        0.2;
$opacity-base:         0.4;

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

//
// Color system
//
$theme-colors: (
  "primary":            #004876,                          // bg-primary            text-primary            border-primary
  "primary-darker":     #00192a,                          // bg-primary-darker     text-primary-darker     border-primary-darker
  "primary-lighter":    #004876,                          // bg-primary-lighter     text-primary-lighter     border-primary-lighter
  "primary-transparent":rgba(#004876, $opacity-lighter),  // bg-primary-transparent
  "secondary":          #32abe2,                          // bg-secondary          text-secondary          border-secondary
  "secondary-darker":   #1c90c5,                          // bg-secondary-darker   text-secondary-darker   border-secondary-darker
  "secondary-lighter":  #dceef9,                          // bg-secondary-darker   text-secondary-darker   border-secondary-darker
  "secondary-transparent":rgba(#32abe2, $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":     #253042,                          // bg-dark-secondary     ----------              ----------
  "dark-transparent":   rgba(#253042, $opacity-light),    // bg-dark-transparent   ----------              border-dark-transparent
  "success":            #3faf2a,                          // bg-success            text-success            border-success
  "warning":            #f69139,                          // bg-warning            text-warning            border-warning
  "danger":             #c02e21,                          // 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":            #333333,                          // ----------            text-default            ----------
  "grey":               #525252,                          // ----------            text-grey               ----------
  "helper-default":     #5D4ABD,
);

// Navbar
$x-navbar-nav-border-color: rgba(#32abe2, $opacity-base);

// Btn Default overrides
$x-btn-default-bg-hover:    theme-color("secondary-lighter");

// 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 511'%3E%3Cpath d='M511.497042,0 L383.386663,132.833333 L294.248684,40.3987151 L333.205994,0 L511.497042,0 Z M547.797703,329.80762 L547.797703,510.332647 L294.248684,257.307173 L384.714419,167.039216 L547.797703,329.80762 Z M35.4412821,0 L214.319602,0 L273.209723,59.9748494 L362.660449,151.049658 L273.209723,242.124468 L89.419487,429.284314 L0,338.209505 L183.758998,151.049658 L35.4412821,0 Z' fill='#fff' opacity='0.05' %3E%3C/path%3E%3C/svg%3E"), "#", "%23");