// ============================= NOTE ============================= //
// This theme is copied from x1. Since 4D's interface uses native Windows
// controls, some of the color values used on the current version are not 
// found on official branding hence the additional gray, blue, orange color maps

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

// LEAP color scheme from Branding Guidelines
$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,
  ),
  $theme-4d-colors
);