//
// Colors Variables
// -------------------------------------------------------------------------------------

$themes: (
  "theme-default": (),
  "theme-dark": ()
);

// Brand colors
// -------------------------------------------------------------------------------------

$brand-primary: #06c4de;
$brand-primary-light-5: #e4f8fb;
$brand-primary-light-4: #ccf3f8;
$brand-primary-light-3: #9ae7f1;
$brand-primary-light-2: #69dbeb;
$brand-primary-light-1: #37cfe4;
$brand-primary-dark-1: #0fa7bc;
$brand-primary-dark-2: #188a9a;

$brand-primary-dark-new: #49aab9;

$brand-success: #39d094;
$brand-success-light-5: #eafaf3;
$brand-success-light-4: #d6f5e9;
$brand-success-light-3: #afecd3;
$brand-success-light-2: #87e2be;
$brand-success-light-1: #60d9a9;
$brand-success-dark-1: #38b181;
$brand-success-dark-2: #36916d;

$brand-success-dark-new: #57a776;

$brand-info: #398ad0;
$brand-info-light-5: #eaf2fa;
$brand-info-light-4: #d6e7f5;
$brand-info-light-3: #afcfec;
$brand-info-light-2: #87b8e2;
$brand-info-light-1: #60a1d9;
$brand-info-dark-1: #3879b1;
$brand-info-dark-2: #366791;

$brand-info-dark-new: #2e6ea6;

$brand-warning: #ffaa31;
$brand-warning-light-5: #fff6e9;
$brand-warning-light-4: #ffedd5;
$brand-warning-light-3: #ffdcac;
$brand-warning-light-2: #ffcb83;
$brand-warning-light-1: #ffba5a;
$brand-warning-dark-1: #d69231;
$brand-warning-dark-2: #ad7a31;

$brand-warning-dark-new: #cc8827;

$brand-danger: #e24c4c;
$brand-danger-light-5: #fbecec;
$brand-danger-light-4: #f9dada;
$brand-danger-light-3: #f3b6b6;
$brand-danger-light-2: #ed9393;
$brand-danger-light-1: #e76f6f;
$brand-danger-dark-1: #bf4747;
$brand-danger-dark-2: #9c4242;

$brand-danger-dark-new: #b53d3d;

$map-brand-colors: (
  "primary": $brand-primary,
  "success": $brand-success,
  "info": $brand-info,
  "warning": $brand-warning,
  "danger": $brand-danger
);

// Background colors
// -------------------------------------------------------------------------------------

$color-bg: #003245;
$color-bg-light-5: #e4e9eb;
$color-bg-light-4: #cbd5d9;
$color-bg-light-3: #98acb4;
$color-bg-light-2: #65838f;
$color-bg-light-1: #325a6a;
$color-bg-dark-1: #0a3241;
$color-bg-dark-2: #14323e;

$color-bg-dt-white-08: #f7f7f7;
$color-bg-dt: #111516;
$color-bg-dt-04: #1a1e1f;
$color-bg-dt-08: #242728;
$color-bg-dt-12: #2f3233;

$color-new-heading: #3f434a;
$color-new-heading-dt: #fcfcfc;
$color-new-body-light: #8a9099;
$color-new-body-light-dt: #b5b7bf;
$color-new-body-dark: #595f69;
$color-new-body-dark-dt: #93959c;
$color-new-grey: #c6c9cc;
$color-new-grey-dt: #30323b;
$color-new-border: #e8e9eb;
$color-new-border-dt: #33363d;
$color-new-bg: #f8f8f8;
$color-new-bg-dt: #1d1e24;
$color-new-surface: #ffffff;
$color-new-surface-dt: #23262b;

// Monochrome colors
// -------------------------------------------------------------------------------------

$color-white: #fff;
$color-black: #000;

$color-grey-6: #f8f8f8; // Body Background
$color-grey-5: #f7f7f7; // Similie Grey
$color-grey-4: #dedede; // Mid Grey
$color-grey-3: #b8b8b8; // Text Light
$color-grey-2: #717171; // Text Default
$color-grey-1: #343434; // Text Dark

// Bootstrap colors
$gray-base: $color-black;
$gray-darker: $color-grey-1;
$gray-dark: $color-grey-1;
$gray: $color-grey-2;
$gray-light: $color-grey-3;
$gray-lighter: $color-grey-3;

$color-white-rgba-04: rgba($color-white, 0.04);
$color-white-rgba-08: rgba($color-white, 0.08);
$color-white-rgba-12: rgba($color-white, 0.12);
$color-white-rgba-16: rgba($color-white, 0.16);
$color-white-rgba-24: rgba($color-white, 0.24);
$color-white-rgba-30: rgba($color-white, 0.3);
$color-white-rgba-32: rgba($color-white, 0.32);
$color-white-rgba-40: rgba($color-white, 0.4);
$color-white-rgba-48: rgba($color-white, 0.48);
$color-white-rgba-60: rgba($color-white, 0.6);
$color-white-rgba-80: rgba($color-white, 0.8);
$color-white-rgba-87: rgba($color-white, 0.87);

$color-grey-rgba-04: rgba($color-black, 0.04);
$color-grey-rgba-08: rgba($color-black, 0.08);
$color-grey-rgba-16: rgba($color-black, 0.16);
$color-grey-rgba-24: rgba($color-black, 0.24);
$color-grey-rgba-32: rgba($color-black, 0.32);

// UI colors
// -------------------------------------------------------------------------------------

$color-text-default: $color-grey-2;
$color-text-dark: $color-grey-1;
$color-text-light: $color-grey-3;
$color-border: $color-grey-5;
$color-bg-grey: $color-grey-5;

$themes-ui-colors: (
  theme-default: (
    color-text-default: $color-grey-2,
    color-text-dark: $color-grey-1,
    color-text-light: $color-grey-3,
    color-border: $color-new-border,
    color-bg-grey: $color-grey-5,
    color-bg: $color-bg,
    color-new-heading: $color-new-heading,
    color-new-body-light: $color-new-body-light,
    color-new-body-dark: $color-new-body-dark,
    color-new-grey: $color-new-grey,
    color-new-border: $color-new-border,
    color-new-bg: $color-new-bg,
    color-new-surface: $color-new-surface
  ),
  theme-dark: (
    color-text-default: $color-white-rgba-60,
    color-text-dark: $color-white-rgba-87,
    color-text-light: $color-white-rgba-40,
    color-border: $color-new-border-dt,
    color-bg-grey: $color-white-rgba-30,
    color-bg: $color-bg-dt,
    color-new-heading: $color-new-heading-dt,
    color-new-body-light: $color-new-body-dark-dt,
    color-new-body-dark: $color-new-body-light-dt,
    color-new-grey: $color-new-grey-dt,
    color-new-border: $color-new-border-dt,
    color-new-bg: $color-new-bg-dt,
    color-new-surface: $color-new-surface-dt
  )
);
$themes: concat($themes, $themes-ui-colors);

// Harmony colors
// -------------------------------------------------------------------------------------

//# Dark

$color-harmony-dark-grey: #565656;
$color-harmony-dark-blue: #33558c;
$color-harmony-dark-indigo: #625c91;
$color-harmony-dark-violet: #6e3d8d;
$color-harmony-dark-fuchsia: #8d3f84;
$color-harmony-dark-pink: #8d3f5d;
$color-harmony-dark-red: #8d443a;
$color-harmony-dark-orange: #8a6427;
$color-harmony-dark-yellow: #7e8a23;
$color-harmony-dark-lime: #4f8a28;
$color-harmony-dark-green: #308c3a;
$color-harmony-dark-teal: #2d8a66;

$color-harmony-dark-text-color: $color-white;

//# Light

$color-harmony-light-grey: #e9e9e9;
$color-harmony-light-blue: #cbdcf8;
$color-harmony-light-indigo: #e3e0fa;
$color-harmony-light-violet: #e9d0f8;
$color-harmony-light-fuchsia: #f9d1f4;
$color-harmony-light-pink: #f8d2e1;
$color-harmony-light-red: #f8d4cf;
$color-harmony-light-orange: #f7e4c6;
$color-harmony-light-yellow: #f1f7c3;
$color-harmony-light-lime: #d9f7c6;
$color-harmony-light-green: #caf8cf;
$color-harmony-light-teal: #c8f7e5;

$color-harmony-light-text-color: $color-text-dark;

//# Soft

$color-harmony-soft-grey: #d4d4d4;
$color-harmony-soft-blue: #548de8;
$color-harmony-soft-indigo: #a399f1;
$color-harmony-soft-violet: #b765ea;
$color-harmony-soft-fuchsia: #eb69dc;
$color-harmony-soft-pink: #eb699b;
$color-harmony-soft-red: #ea7161;
$color-harmony-soft-orange: #e6a641;
$color-harmony-soft-yellow: #d1e53a;
$color-harmony-soft-lime: #82e643;
$color-harmony-soft-green: #50e861;
$color-harmony-soft-teal: #4ae7ab;

$color-harmony-soft-text-color: $color-white;

//# Bright

$color-harmony-bright-grey: #8c8c8c;
$color-harmony-bright-blue: #0458de;
$color-harmony-bright-indigo: #1d04de;
$color-harmony-bright-violet: #8a04de;
$color-harmony-bright-fuchsia: #de04c5;
$color-harmony-bright-pink: #de0458;
$color-harmony-bright-red: #de1d04;
$color-harmony-bright-orange: #de8a04;
$color-harmony-bright-yellow: #c5de04;
$color-harmony-bright-lime: #58de04;
$color-harmony-bright-green: #04de1d;
$color-harmony-bright-teal: #04de8a;

$color-harmony-bright-text-color: $color-white;

$map-harmony-colors: (
  "dark-grey": $color-harmony-dark-grey,
  "dark-blue": $color-harmony-dark-blue,
  "dark-indigo": $color-harmony-dark-indigo,
  "dark-violet": $color-harmony-dark-violet,
  "dark-fuchsia": $color-harmony-dark-fuchsia,
  "dark-pink": $color-harmony-dark-pink,
  "dark-red": $color-harmony-dark-red,
  "dark-orange": $color-harmony-dark-orange,
  "dark-yellow": $color-harmony-dark-yellow,
  "dark-lime": $color-harmony-dark-lime,
  "dark-green": $color-harmony-dark-green,
  "dark-teal": $color-harmony-dark-teal,
  "light-grey": $color-harmony-light-grey,
  "light-blue": $color-harmony-light-blue,
  "light-indigo": $color-harmony-light-indigo,
  "light-violet": $color-harmony-light-violet,
  "light-fuchsia": $color-harmony-light-fuchsia,
  "light-pink": $color-harmony-light-pink,
  "light-red": $color-harmony-light-red,
  "light-orange": $color-harmony-light-orange,
  "light-yellow": $color-harmony-light-yellow,
  "light-lime": $color-harmony-light-lime,
  "light-green": $color-harmony-light-green,
  "light-teal": $color-harmony-light-teal,
  "soft-grey": $color-harmony-soft-grey,
  "soft-blue": $color-harmony-soft-blue,
  "soft-indigo": $color-harmony-soft-indigo,
  "soft-violet": $color-harmony-soft-violet,
  "soft-fuchsia": $color-harmony-soft-fuchsia,
  "soft-pink": $color-harmony-soft-pink,
  "soft-red": $color-harmony-soft-red,
  "soft-orange": $color-harmony-soft-orange,
  "soft-yellow": $color-harmony-soft-yellow,
  "soft-lime": $color-harmony-soft-lime,
  "soft-green": $color-harmony-soft-green,
  "soft-teal": $color-harmony-soft-teal,
  "bright-grey": $color-harmony-bright-grey,
  "bright-blue": $color-harmony-bright-blue,
  "bright-indigo": $color-harmony-bright-indigo,
  "bright-violet": $color-harmony-bright-violet,
  "bright-fuchsia": $color-harmony-bright-fuchsia,
  "bright-pink": $color-harmony-bright-pink,
  "bright-red": $color-harmony-bright-red,
  "bright-orange": $color-harmony-bright-orange,
  "bright-yellow": $color-harmony-bright-yellow,
  "bright-lime": $color-harmony-bright-lime,
  "bright-green": $color-harmony-bright-green,
  "bright-teal": $color-harmony-bright-teal
);

$map-harmony-colors-grouped: (
  "dark": (
    "text-color": $color-harmony-dark-text-color,
    "colors": (
      "dark-grey": $color-harmony-dark-grey,
      "dark-blue": $color-harmony-dark-blue,
      "dark-indigo": $color-harmony-dark-indigo,
      "dark-violet": $color-harmony-dark-violet,
      "dark-fuchsia": $color-harmony-dark-fuchsia,
      "dark-pink": $color-harmony-dark-pink,
      "dark-red": $color-harmony-dark-red,
      "dark-orange": $color-harmony-dark-orange,
      "dark-yellow": $color-harmony-dark-yellow,
      "dark-lime": $color-harmony-dark-lime,
      "dark-green": $color-harmony-dark-green,
      "dark-teal": $color-harmony-dark-teal
    )
  ),
  "light": (
    "text-color": $color-harmony-light-text-color,
    "colors": (
      "light-grey": $color-harmony-light-grey,
      "light-blue": $color-harmony-light-blue,
      "light-indigo": $color-harmony-light-indigo,
      "light-violet": $color-harmony-light-violet,
      "light-fuchsia": $color-harmony-light-fuchsia,
      "light-pink": $color-harmony-light-pink,
      "light-red": $color-harmony-light-red,
      "light-orange": $color-harmony-light-orange,
      "light-yellow": $color-harmony-light-yellow,
      "light-lime": $color-harmony-light-lime,
      "light-green": $color-harmony-light-green,
      "light-teal": $color-harmony-light-teal
    )
  ),
  "soft": (
    "text-color": $color-harmony-soft-text-color,
    "colors": (
      "soft-grey": $color-harmony-soft-grey,
      "soft-blue": $color-harmony-soft-blue,
      "soft-indigo": $color-harmony-soft-indigo,
      "soft-violet": $color-harmony-soft-violet,
      "soft-fuchsia": $color-harmony-soft-fuchsia,
      "soft-pink": $color-harmony-soft-pink,
      "soft-red": $color-harmony-soft-red,
      "soft-orange": $color-harmony-soft-orange,
      "soft-yellow": $color-harmony-soft-yellow,
      "soft-lime": $color-harmony-soft-lime,
      "soft-green": $color-harmony-soft-green,
      "soft-teal": $color-harmony-soft-teal
    )
  ),
  "bright": (
    "text-color": $color-harmony-bright-text-color,
    "colors": (
      "bright-grey": $color-harmony-bright-grey,
      "bright-blue": $color-harmony-bright-blue,
      "bright-indigo": $color-harmony-bright-indigo,
      "bright-violet": $color-harmony-bright-violet,
      "bright-fuchsia": $color-harmony-bright-fuchsia,
      "bright-pink": $color-harmony-bright-pink,
      "bright-red": $color-harmony-bright-red,
      "bright-orange": $color-harmony-bright-orange,
      "bright-yellow": $color-harmony-bright-yellow,
      "bright-lime": $color-harmony-bright-lime,
      "bright-green": $color-harmony-bright-green,
      "bright-teal": $color-harmony-bright-teal
    )
  )
);

//
// Brand colors
// -------------------------------------------------------------------------------------

$brand-word-color: #4272b7;
$brand-excel-color: #3c9061;
$brand-pp-color: #ea6044;
$brand-pdf-color: #ef321c;