//***********************************************************//
// Central Color Mapping Base for all components to iterate
//***********************************************************//

$colors: (
  primary: (
    color: $primary-color,
    light: $light-primary-color,
    border: $primary-border-color,
    background: $primary-background,
    header: $primary-header-color,
    boxShadow: $primary-box-shadow,
    boxFloatShadow: $primary-box-floating-shadow,
    text: $primary-text-color,
    lightText: $light-primary-text-color,
    hoverText: $primary-hover-text-color,
    focus: $primary-color-focus,
    lightFocus: $light-primary-color-focus,
    down: $primary-color-down,
    lightDown: $light-primary-color-down,
    active: $primary-color-active,
    lightActive: $light-primary-color-active,
    shadow: $primary-text-shadow,
    lightShadow: $light-primary-text-shadow,
    hover: $primary-color-hover,
    lightHover: $light-primary-color-hover,
    ribbon: $primary-ribbon-shadow,
    invertedRibbon: $primary-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  secondary: (
    color: $secondary-color,
    light: $light-secondary-color,
    border: $secondary-border-color,
    background: $secondary-background,
    header: $secondary-header-color,
    boxShadow: $secondary-box-shadow,
    boxFloatShadow: $secondary-box-floating-shadow,
    text: $secondary-text-color,
    lightText: $light-secondary-text-color,
    hoverText: $secondary-hover-text-color,
    focus: $secondary-color-focus,
    lightFocus: $light-secondary-color-focus,
    down: $secondary-color-down,
    lightDown: $light-secondary-color-down,
    active: $secondary-color-active,
    lightActive: $light-secondary-color-active,
    shadow: $secondary-text-shadow,
    lightShadow: $light-secondary-text-shadow,
    hover: $secondary-color-hover,
    lightHover: $light-secondary-color-hover,
    ribbon: $secondary-ribbon-shadow,
    invertedRibbon: $secondary-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  red: (
    color: $red,
    light: $light-red,
    border: $red-border-color,
    background: $red-background,
    header: $red-header-color,
    boxShadow: $red-box-shadow,
    boxFloatShadow: $red-box-floating-shadow,
    text: $red-text-color,
    lightText: $light-red-text-color,
    hoverText: $red-hover-text-color,
    focus: $red-focus,
    lightFocus: $light-red-focus,
    down: $red-down,
    lightDown: $light-red-down,
    active: $red-active,
    lightActive: $light-red-active,
    shadow: $red-text-shadow,
    lightShadow: $light-red-text-shadow,
    hover: $red-hover,
    lightHover: $light-red-hover,
    ribbon: $red-ribbon-shadow,
    invertedRibbon: $red-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  orange: (
    color: $orange,
    light: $light-orange,
    border: $orange-border-color,
    background: $orange-background,
    header: $orange-header-color,
    boxShadow: $orange-box-shadow,
    boxFloatShadow: $orange-box-floating-shadow,
    text: $orange-text-color,
    lightText: $light-orange-text-color,
    hoverText: $orange-hover-text-color,
    focus: $orange-focus,
    lightFocus: $light-orange-focus,
    down: $orange-down,
    lightDown: $light-orange-down,
    active: $orange-active,
    lightActive: $light-orange-active,
    shadow: $orange-text-shadow,
    lightShadow: $light-orange-text-shadow,
    hover: $orange-hover,
    lightHover: $light-orange-hover,
    ribbon: $orange-ribbon-shadow,
    invertedRibbon: $orange-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  yellow: (
    color: $yellow,
    light: $light-yellow,
    border: $yellow-border-color,
    background: $yellow-background,
    header: $yellow-header-color,
    boxShadow: $yellow-box-shadow,
    boxFloatShadow: $yellow-box-floating-shadow,
    text: $yellow-text-color,
    lightText: $light-yellow-text-color,
    hoverText: $yellow-hover-text-color,
    focus: $yellow-focus,
    lightFocus: $light-yellow-focus,
    down: $yellow-down,
    lightDown: $light-yellow-down,
    active: $yellow-active,
    lightActive: $light-yellow-active,
    shadow: $yellow-text-shadow,
    lightShadow: $light-yellow-text-shadow,
    hover: $yellow-hover,
    lightHover: $light-yellow-hover,
    ribbon: $yellow-ribbon-shadow,
    invertedRibbon: $yellow-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  olive: (
    color: $olive,
    light: $light-olive,
    border: $olive-border-color,
    background: $olive-background,
    header: $olive-header-color,
    boxShadow: $olive-box-shadow,
    boxFloatShadow: $olive-box-floating-shadow,
    text: $olive-text-color,
    lightText: $light-olive-text-color,
    hoverText: $olive-hover-text-color,
    focus: $olive-focus,
    lightFocus: $light-olive-focus,
    down: $olive-down,
    lightDown: $light-olive-down,
    active: $olive-active,
    lightActive: $light-olive-active,
    shadow: $olive-text-shadow,
    lightShadow: $light-olive-text-shadow,
    hover: $olive-hover,
    lightHover: $light-olive-hover,
    ribbon: $olive-ribbon-shadow,
    invertedRibbon: $olive-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  green: (
    color: $green,
    light: $light-green,
    border: $green-border-color,
    background: $green-background,
    header: $green-header-color,
    boxShadow: $green-box-shadow,
    boxFloatShadow: $green-box-floating-shadow,
    text: $green-text-color,
    lightText: $light-green-text-color,
    hoverText: $green-hover-text-color,
    focus: $green-focus,
    lightFocus: $light-green-focus,
    down: $green-down,
    lightDown: $light-green-down,
    active: $green-active,
    lightActive: $light-green-active,
    shadow: $green-text-shadow,
    lightShadow: $light-green-text-shadow,
    hover: $green-hover,
    lightHover: $light-green-hover,
    ribbon: $green-ribbon-shadow,
    invertedRibbon: $green-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  teal: (
    color: $teal,
    light: $light-teal,
    border: $teal-border-color,
    background: $teal-background,
    header: $teal-header-color,
    boxShadow: $teal-box-shadow,
    boxFloatShadow: $teal-box-floating-shadow,
    text: $teal-text-color,
    lightText: $light-teal-text-color,
    hoverText: $teal-hover-text-color,
    focus: $teal-focus,
    lightFocus: $light-teal-focus,
    down: $teal-down,
    lightDown: $light-teal-down,
    active: $teal-active,
    lightActive: $light-teal-active,
    shadow: $teal-text-shadow,
    lightShadow: $light-teal-text-shadow,
    hover: $teal-hover,
    lightHover: $light-teal-hover,
    ribbon: $teal-ribbon-shadow,
    invertedRibbon: $teal-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  blue: (
    color: $blue,
    light: $light-blue,
    border: $blue-border-color,
    background: $blue-background,
    header: $blue-header-color,
    boxShadow: $blue-box-shadow,
    boxFloatShadow: $blue-box-floating-shadow,
    text: $blue-text-color,
    lightText: $light-blue-text-color,
    hoverText: $blue-hover-text-color,
    focus: $blue-focus,
    lightFocus: $light-blue-focus,
    down: $blue-down,
    lightDown: $light-blue-down,
    active: $blue-active,
    lightActive: $light-blue-active,
    shadow: $blue-text-shadow,
    lightShadow: $light-blue-text-shadow,
    hover: $blue-hover,
    lightHover: $light-blue-hover,
    ribbon: $blue-ribbon-shadow,
    invertedRibbon: $blue-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  violet: (
    color: $violet,
    light: $light-violet,
    border: $violet-border-color,
    background: $violet-background,
    header: $violet-header-color,
    boxShadow: $violet-box-shadow,
    boxFloatShadow: $violet-box-floating-shadow,
    text: $violet-text-color,
    lightText: $light-violet-text-color,
    hoverText: $violet-hover-text-color,
    focus: $violet-focus,
    lightFocus: $light-violet-focus,
    down: $violet-down,
    lightDown: $light-violet-down,
    active: $violet-active,
    lightActive: $light-violet-active,
    shadow: $violet-text-shadow,
    lightShadow: $light-violet-text-shadow,
    hover: $violet-hover,
    lightHover: $light-violet-hover,
    ribbon: $violet-ribbon-shadow,
    invertedRibbon: $violet-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  purple: (
    color: $purple,
    light: $light-purple,
    border: $purple-border-color,
    background: $purple-background,
    header: $purple-header-color,
    boxShadow: $purple-box-shadow,
    boxFloatShadow: $purple-box-floating-shadow,
    text: $purple-text-color,
    lightText: $light-purple-text-color,
    hoverText: $purple-hover-text-color,
    focus: $purple-focus,
    lightFocus: $light-purple-focus,
    down: $purple-down,
    lightDown: $light-purple-down,
    active: $purple-active,
    lightActive: $light-purple-active,
    shadow: $purple-text-shadow,
    lightShadow: $light-purple-text-shadow,
    hover: $purple-hover,
    lightHover: $light-purple-hover,
    ribbon: $purple-ribbon-shadow,
    invertedRibbon: $purple-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  pink: (
    color: $pink,
    light: $light-pink,
    border: $pink-border-color,
    background: $pink-background,
    header: $pink-header-color,
    boxShadow: $pink-box-shadow,
    boxFloatShadow: $pink-box-floating-shadow,
    text: $pink-text-color,
    lightText: $light-pink-text-color,
    hoverText: $pink-hover-text-color,
    focus: $pink-focus,
    lightFocus: $light-pink-focus,
    down: $pink-down,
    lightDown: $light-pink-down,
    active: $pink-active,
    lightActive: $light-pink-active,
    shadow: $pink-text-shadow,
    lightShadow: $light-pink-text-shadow,
    hover: $pink-hover,
    lightHover: $light-pink-hover,
    ribbon: $pink-ribbon-shadow,
    invertedRibbon: $pink-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  brown: (
    color: $brown,
    light: $light-brown,
    border: $brown-border-color,
    background: $brown-background,
    header: $brown-header-color,
    boxShadow: $brown-box-shadow,
    boxFloatShadow: $brown-box-floating-shadow,
    text: $brown-text-color,
    lightText: $light-brown-text-color,
    hoverText: $brown-hover-text-color,
    focus: $brown-focus,
    lightFocus: $light-brown-focus,
    down: $brown-down,
    lightDown: $light-brown-down,
    active: $brown-active,
    lightActive: $light-brown-active,
    shadow: $brown-text-shadow,
    lightShadow: $light-brown-text-shadow,
    hover: $brown-hover,
    lightHover: $light-brown-hover,
    ribbon: $brown-ribbon-shadow,
    invertedRibbon: $brown-inverted-ribbon-shadow,
    isDark: false,
    isVeryDark: false
  ),
  grey: (
    color: $grey,
    light: $light-grey,
    border: $grey-border-color,
    background: $grey-background,
    header: $grey-header-color,
    boxShadow: $grey-box-shadow,
    boxFloatShadow: $grey-box-floating-shadow,
    text: $grey-text-color,
    lightText: $light-grey-text-color,
    hoverText: $grey-hover-text-color,
    focus: $grey-focus,
    lightFocus: $light-grey-focus,
    down: $grey-down,
    lightDown: $light-grey-down,
    active: $grey-active,
    lightActive: $light-grey-active,
    shadow: $grey-text-shadow,
    lightShadow: $light-grey-text-shadow,
    hover: $grey-hover,
    lightHover: $light-grey-hover,
    ribbon: $grey-ribbon-shadow,
    invertedRibbon: $grey-inverted-ribbon-shadow,
    isDark: true,
    isVeryDark: false
  ),
  black: (
    color: $black,
    light: $light-black,
    border: $black-border-color,
    background: $black-background,
    header: $black-header-color,
    boxShadow: $black-box-shadow,
    boxFloatShadow: $black-box-floating-shadow,
    text: $black-text-color,
    lightText: $light-black-text-color,
    hoverText: $black-hover-text-color,
    focus: $black-focus,
    lightFocus: $light-black-focus,
    down: $black-down,
    lightDown: $light-black-down,
    active: $black-active,
    lightActive: $light-black-active,
    shadow: $black-text-shadow,
    lightShadow: $light-black-text-shadow,
    hover: $black-hover,
    lightHover: $light-black-hover,
    ribbon: $black-ribbon-shadow,
    invertedRibbon: $black-inverted-ribbon-shadow,
    isDark: true,
    isVeryDark: true
  )
);