//
// Design System : COLOR-DARK
//

//
// VARIABLES
//

// VARIABLES > Colors

// Grays
$gray-dark-100: #e0e0e0 !default;
$gray-dark-200: #b8bfc3 !default;
$gray-dark-300: #758590 !default;
$gray-dark-400: #485d6c !default;
$gray-dark-500: #304759 !default;
$gray-dark-600: #1a3447 !default;
$gray-dark-700: #142938 !default;
$gray-dark-800: #0f1e29 !default;
$gray-dark-900: #081016 !default;

$grays-dark: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$grays-dark: map-merge(
  (
    "100": $gray-dark-100,
    "200": $gray-dark-200,
    "300": $gray-dark-300,
    "400": $gray-dark-400,
    "500": $gray-dark-500,
    "600": $gray-dark-600,
    "700": $gray-dark-700,
    "800": $gray-dark-800,
    "900": $gray-dark-900
  ),
  $grays-dark
);

// Black opacity
$black-dark-50: rgba($white, .04) !default;
$black-dark-100: rgba($white, .12) !default;
$black-dark-200: rgba($white, .26) !default;
$black-dark-300: rgba($white, .38) !default;
$black-dark-500: rgba($white, .54) !default;
$black-dark-800: rgba($white, .77) !default;

// White opacity
$white-dark-100: rgba($black, .12) !default;
$white-dark-300: rgba($black, .3) !default;
$white-dark-500: rgba($black, .5) !default;
$white-dark-700: rgba($black, .7) !default;

// Primary
$blue-allports-dark: #63add5 !default;
$blue-corporate-dark: #009de9 !default;

// Secondary
$green-java-dark: #6ed2b1 !default;
$orange-crusta-dark: #e97949 !default;
$purple-dark: #907eec !default;
$red-mandy-dark: #ee8185 !default;
$yellow-bright-sun-dark: #fad51e !default;

// Accent
$green-dark: #32b760 !default;
$orange-dark: #e76d39 !default;
$red-dark: #f25a69 !default;

// Additionals
$blue-bigstone-dark: #0f1e29 !default;
$blue-rhino-dark: #2b485c !default;
$blue-venice-dark: #538aae !default;
$cerise-dark: #ec5ba2 !default;
$green-fun-dark: #4d801a !default;
$green-pine-dark: #007873 !default;
$green-riogrande-dark: #a5b300 !default;
$violet-eggplant-dark: #f06bdb !default;
$violet-dark: #a872d9 !default;
$yellow-dark: #faca08 !default;

$colors-dark: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$colors-dark: map-merge(
  (
    // Primary
    "blue-allports": $blue-allports-dark,
    "blue-corporate": $blue-corporate-dark,
    // Secondary
    "green-java": $green-java-dark,
    "orange-crusta": $orange-crusta-dark,
    "purple": $purple-dark,
    "red-mandy": $red-mandy-dark,
    "yellow-bright-sun": $yellow-bright-sun-dark,
    // Accent
    "red": $red-dark,
    "green": $green-dark,
    "orange": $orange-dark,
    // Additionals
    "blue-bigstone": $blue-bigstone-dark,
    "blue-rhino": $blue-rhino-dark,
    "blue-venice": $blue-venice-dark,
    "cerise": $cerise-dark,
    "green-fun": $green-fun-dark,
    "green-pine": $green-pine-dark,
    "green-riogrande": $green-riogrande-dark,
    "violet-eggplant": $violet-eggplant-dark,
    "violet": $violet-dark,
    "yellow": $yellow-dark,
  ),
  $colors-dark
);

$colors-hover-dark: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$colors-hover-dark: map-merge(
  (
    // Primary
    "blue-allports": #8bc2df,
    "blue-corporate": #42b6ee,
    // Secondary
    "green-java": #93ddc5,
    "orange-crusta": #ee9b78,
    "purple": #ac9ff0,
    "red-mandy": #f2a1a4,
    "yellow-bright-sun": #fbdf58,
    // Accent
    "red": #f5848f,
    "green": #42a463,
    "orange": #ed926c,
    // Additionals
    "blue-bigstone": #4d5860,
    "blue-rhino": #617786,
    "blue-venice": #7fa8c2,
    "cerise": #f085ba,
    "green-fun": #7ba055,
    "green-pine": #429a97,
    "green-riogrande": #bcc642,
    "violet-eggplant": #f391e4,
    "violet": #be96e2,
    "yellow": #fbd747,
  ),
  $colors-hover-dark
);

$colors-active-dark: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$colors-active-dark: map-merge(
  (
    // Primary
    "blue-allports": #9ecce4,
    "blue-corporate": #61c2f1,
    // Secondary
    "green-java": #a5e3ce,
    "orange-crusta": #b76624,
    "purple": #baaff3,
    "red-mandy": #f4b0b3,
    "yellow-bright-sun": #fbe473,
    // Accent
    "red": #f698a2,
    "green": #61b37c,
    "orange": #f0a484,
    // Additionals
    "blue-bigstone": #4d5860,
    "blue-rhino": #617786,
    "blue-venice": #94b6cc,
    "cerise": #f399c5,
    "green-fun": #90b071,
    "green-pine": #61aba8,
    "green-riogrande": #c7cf61,
    "violet-eggplant": #f5a3e8,
    "violet": #c9a7e7,
    "yellow": #fbde65,
  ),
  $colors-active-dark
);

$primary-dark: $blue-corporate-dark !default;
$success-dark: $green-dark !default;
$warning-dark: $orange-dark !default;
$danger-dark: $red-dark !default;
$light-dark: $gray-dark-700 !default;

$theme-colors-dark: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors-dark: map-merge(
  (
    "primary": $primary-dark,
    "success": $success-dark,
    "warning": $warning-dark,
    "danger": $danger-dark,
    "light": $light-dark
  ),
  $theme-colors-dark
);

$theme-colors-hover-dark: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors-hover-dark: map-merge(
  (
    "primary": map-get($colors-hover-dark, "blue-corporate"),
    "success": map-get($colors-hover-dark, "green"),
    "warning": map-get($colors-hover-dark, "orange"),
    "danger":  map-get($colors-hover-dark, "red"),
    "light":  var(--nj-deprecated-color-base-black-500)
  ),
  $theme-colors-hover-dark
);

$theme-colors-active-dark: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors-active-dark: map-merge(
  (
    "primary": map-get($colors-active-dark, "blue-corporate"),
    "success": map-get($colors-active-dark, "green"),
    "warning": map-get($colors-active-dark, "orange"),
    "danger":  map-get($colors-active-dark, "red"),
    "light":   var(--nj-deprecated-color-base-black-800)
  ),
  $theme-colors-active-dark
);