// Color palette
//
// Here you will find the main user interface color palette for the out of the box theme.
// Shades of orange, green, white and grey are used for backgrounds, boders, buttons and text all along the application.
//
// Styleguide 1.1

// Primary Color
//
// The Primary Color is used for primary actions and highlighted information.
//
// Colors:
// $primary: #F7A08B
//
// Styleguide 1.1.2
$primary: #f7a08b;

// Secondary Color
//
// The Secondary Color is used for secondary actions. Different shades of this color are used for theme backgrounds, borders and text.
//
// Colors:
// $secondary: #3A3A3A
//
// Styleguide 1.1.3
$secondary: #3a3a3a;

// Neutral shades
//
// The neutral shade palette is a scale from 1000 (dark) to 0 (light).
// This theme defines a couple of medium scale values. The developer might find useful to add more intermetiate colors within the scale that might be referenced to this scale.
// <a href="https://getbootstrap.com/docs/4.4/getting-started/theming/#grays" target="_blank">Bootstrap doc reference</a>
//
// Colors:
// $gray-100: #F7F7F7
// $gray-200: #E5E5E5
// $gray-300: #BBBBBB
// $gray-400: #818181
// $gray-500: #3A3A3A
// $gray-600: #1B1919
//
// Styleguide 1.1.4
$gray-100: #f7f7f7;
$gray-200: #e5e5e5;
$gray-300: #bbbbbb;
$gray-400: #818181;
$gray-500: #3a3a3a;
$gray-600: #1b1919;

// Brand Theme Palette
//
// The following color palette defines those colors that are used across different contexts.
//
// Colors:
// $theme-palette-cream: #FAF7F2
// $theme-palette-eggs: #FFE1B8
// $theme-palette-sand: #E7C9B2
// $theme-palette-sand-light: #F7ECE4
// $theme-palette-aloe: #B1D7C3
// $theme-palette-sky: #A1C9CC
// $theme-palette-mint: #5EAD9B
// $theme-palette-pink: #FBC9BC
// $theme-palette-rose: #F5BAB0
// $theme-palette-shaperpink: #F7A08B
// $theme-palette-shaperblack: #3A3A3A
//
// Styleguide 1.1.5
$theme-palette-cream: #faf7f2;
$theme-palette-eggs: #ffe1b8;
$theme-palette-sand: #e7c9b2;
$theme-palette-sand-light: #f7ece4;
$theme-palette-aloe: #b1d7c3;
$theme-palette-sky: #a1c9cc;
$theme-palette-mint: #5ead9b;
$theme-palette-pink: #fbc9bc;
$theme-palette-rose: #f5bab0;
$theme-palette-shaperpink: #f7a08b;
$theme-palette-shaperblack: #3a3a3a;

// Customized Bootstrap Color Palette
//
// In addition to the Brand Theme Palette, the following colors are used only in the theme context.
// These colors are defined based on Bootstrap Theme Colors variables: <a href="https://getbootstrap.com/docs/4.4/getting-started/theming/#all-colors" target="_blank">Bootstrap doc reference</a>
//
// Colors:
// $pink:    #FBC9BC
// $red:     #8E2D2D
// $orange:  #EF6C00
// $yellow:  #F2D96F
// $green:   #5EAD9B
// $cyan:    #A6DDD4
// $white:    #FFFFFF
//
// Styleguide 1.1.6
$pink: #fbc9bc;
$red: #8e2d2d;
$orange: #ef6c00;
$yellow: #f2d96f;
$green: #5ead9b;
$cyan: #a6ddd4;
$white: #ffffff;

// Messaging Theme Palette
//
// <a href="https://getbootstrap.com/docs/4.4/getting-started/theming/#theme-colors" target="_blank">Bootstrap doc reference</a>
//
// Colors:
// $success: #5EAD9B
// $info: #FBC9BC
// $warning: #FFE1B8
// $danger: #D3373C
//
// Styleguide 1.1.7
$success: #5ead9b;
$info: #fbc9bc;
$warning: #ffe1b8;
$danger: #d3373c;

// Color system

$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !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
);

$blue: #007bff !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$teal: #20c997 !default;

$colors: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$colors: map-merge(
  (
    "blue": $blue,
    "indigo": $indigo,
    "purple": $purple,
    "pink": $pink,
    "red": $red,
    "orange": $orange,
    "yellow": $yellow,
    "green": $green,
    "teal": $teal,
    "cyan": $cyan,
    "white": $white,
    "gray": $gray-600,
    "gray-dark": $gray-800,
  ),
  $colors
);

$light: $gray-100 !default;
$dark: $gray-800 !default;

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

// 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;