/* colors */
$brand-primary: #2185d0 !default;
$brand-success: #2185d0 !default;
$brand-info: #4697c9 !default;
$brand-warning: #f9a557 !default;
$brand-danger: #db2828 !default;
$link-color: $brand-success !default;

$body-color: rgba(0, 0, 0, 0.87) !default;
$body-color-light: rgba(0, 0, 0, 0.6) !default;
$body-color-muted: rgba(0, 0, 0, 0.38) !default;

$brand-light: fade-out($brand-primary, 0.2) !default;

$white: #fff !default;
$black: #000 !default;
$offwhite: #f8f9fa !default;
$gray: mix(#8590a4, $brand-primary, 90) !default;

$gray-100: mix(#f8f9fa, $brand-primary, 95) !default;
$gray-200: mix(#e9ecef, $brand-primary, 95) !default;
$gray-300: mix(#dae0e4, $brand-primary, 90) !default;
$gray-500: mix(#636c72, $brand-primary, 90) !default;
$gray-800: #343a40 !default;

$gray-light: $gray-300 !default;
$gray-lighter: $gray-200 !default;
$gray-lightest: $gray-100 !default;

$btn-primary-bg: $brand-success !default;
$btn-primary-border: $btn-primary-bg !default;
$btn-primary-color: $white !default;

/* end compatibility */

/* colors */
$theme-colors: (
  primary: $brand-primary,
  success: $brand-success,
  info: $brand-info,
  warning: $brand-warning,
  danger: $brand-danger,
  light: $gray-100,
  dark: $gray-800,
);
$enable-validation-icons: false;

:root {
  --color-danger: #b23e65;
}
