// settings/_settings.colors.scss

$color-primary: #3d35aa !default;
$color-primary-dark: #000d7a !default;
$color-primary-light: #7360dd !default;

$color-secondary: #eeaf1a !default;
$color-secondary-dark: #b78100 !default;
$color-secondary-light: #ffc954 !default;

$color-tertiary: #61d2d3 !default;
$color-tertiary-dark: #21a0a2 !default;
$color-tertiary-light: #97ffff !default;

$color-gray-15: #333 !default;
$color-gray-45: #555 !default;
$color-gray-60: #999 !default;
$color-gray-70: #b8b8b8 !default;
$color-gray-85: #dcdcdc !default;
$color-gray-95: #f2f2f2 !default;

$color-white: #fff !default;

$color-success: #75cd7d !default;
$color-success-dark: #2f8337 !default;
$color-success-light: #c6f1d7 !default;

$color-warning: #fcc75e !default;
$color-warning-dark: #cd9832 !default;
$color-warning-light: #fec !default;

$color-danger: #f9736d !default;
$color-danger-dark: #c14242 !default;
$color-danger-light: #ffd6d6 !default;

$color-info: #5eafe9 !default;
$color-info-dark: #08c !default;
$color-info-light: #dbf0fa !default;

$theme-color-variants: () !default;
$theme-color-variants: (
  $color-primary $color-primary-dark $color-primary-light,
  $color-secondary $color-secondary-dark $color-secondary-light,
  $color-success $color-success-dark $color-success-light,
  $color-warning $color-warning-dark $color-warning-light,
  $color-danger $color-danger-dark $color-danger-light,
  $color-info $color-info-dark $color-info-light
);

$text-color: $color-gray-15 !default;
$text-color-subtle: rgba($text-color, 0.7) !default;
$text-color-disabled: rgba($text-color, 0.4) !default;

$text-color-on-primary: $color-white !default;

$text-heading-color: $color-gray-15 !default;
$text-heading-color-subtle: rgba($text-heading-color, 0.7) !default;

$icon-color: $color-gray-45 !default;
$icon-color-subtle: $color-gray-60 !default;


$success-border-color: $color-success !default;
$success-background-color: $color-success-light !default;
$info-border-color: $color-primary !default;
$info-background-color: $color-gray-95 !default;
$danger-border-color: $color-danger !default;
$danger-background-color: $color-danger-light !default;
$warning-border-color: $color-warning !default;
$warning-background-color: $color-warning-light !default;

$color-primary-hover: rgba($color-primary, 0.2) !default;

//Bootstrap overrides
$gray-base: $color-gray-70 !default;
$gray-darker: $color-gray-15 !default;
$gray-dark: $color-gray-45 !default;
$gray: $color-gray-70 !default;
$gray-light: $color-gray-85 !default;
$gray-lighter: $color-gray-95 !default;

$brand-primary: $color-primary !default;
$brand-success: $color-success !default;
$brand-info: $color-info !default;
$brand-warning: $color-warning !default;
$brand-danger: $color-danger !default;

$primary: $color-primary !default;
$secondary: $color-secondary !default;
$success: $color-success !default;
$info: $color-info !default;
$warning: $color-warning !default;
$danger: $color-danger !default;

$body-color: $text-color !default;
$close-color: $icon-color !default;

$state-danger-text: $color-danger !default;
$state-warning-text: $color-warning !default;

$validation-error: $color-danger !default;

$input-color-placeholder: $color-gray-60 !default;