// Neutrals color variables $dark: #212121; $slate: #777; $muted: b4b4b4; $smoke: e2e2e2; $snow: fbfbfb; $white: fff; $cloud: f2f4f7;

// UI color variables $red: d74022; $green: #009f61; $light-yellow: ffeb99; $blue: #1357ff; $orange: ffb700; $sapphire: #005fbf;

// Branding color variables $crimson: c02a34; $azure: #009bde; $salamander: f96d01; $purple: #6d48e5;

// Bootstrap dependencies color $black: #000 !default; $gray-100: f8f9fa !default; $gray-200: e9ecef !default; $gray-300: dee2e6 !default; $gray-400: ced4da !default; $gray-500: adb5bd !default; $gray-600: #6c757d !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default;

// The yiq lightness value that determines when the lightness of color changes from “dark” to “light”. Acceptable values are between 0 and 255. $yiq-contrasted-threshold: 150 !default;

// Customize the light and dark text colors for use in our YIQ color contrast function. $yiq-text-dark: $gray-900 !default; $yiq-text-light: $white !default;

$grays: () !default; // stylelint-disable-next-line scss/dollar-variable-default $grays: map-merge(

(
  "100": $gray-100,
  "200": $gray-200,
  "300": $gray-300,
  "400": $gray-400,
  "500": $gray-500,
  "600": $gray-600,
  "700": $gray-700,
  "800": $gray-800,
  "900": $gray-900
),
$grays

);

// register mekari color variables too bootstrap $colors: (); $colors: map-merge(

(
  "noir"         : $dark, // going to deprecated
  "dark"         : $dark,
  "slate"        : $slate,
  "muted"        : $muted,
  "smoke"        : $smoke,
  "snow"         : $snow,
  "cloud"        : $cloud,
  "crimson"      : $crimson,
  "azure"        : $azure,
  "salamander"   : $salamander,
  "purple"       : $purple,
  "sapphire"     : $sapphire,
  "white"        : $white,
  "red"          : $red,
  "orange"       : $orange,
  "green"        : $green,
  "blue"         : $blue,
  "light-yellow" : $light-yellow
),
$colors

);

//extend bootstrap class $danger: $red; $success: $green; $info: $light-yellow; $warning: $orange; $primary: $sapphire; $jurnal: $azure; $talenta: $crimson; $klikpajak: $salamander; $mekari: $purple;

$link: $blue;

$text-muted: $muted; $body-color: $dark; $dark: $dark; $secondary: $slate; $light: $snow;

// Add more theme color variables $theme-colors: (); $theme-colors: map-merge(

(
  "danger"    : $danger,
  "success"   : $success,
  "info"      : $info,
  "warning"   : $warning,
  "primary"   : $primary,
  "jurnal"    : $jurnal,
  "talenta"   : $talenta,
  "klikpajak" : $klikpajak,
  "mekari"    : $mekari,
  "dark"      : $dark,
  "slate"     : $slate,
  "muted"     : $muted,
  "smoke"     : $smoke,
  "light"     : $light,
  "cloud"     : $cloud,
  "link"      : $blue,
  "white"     : $white
),
$theme-colors

);

$card-border-color: $smoke; $body-bg: $white;