//Ref page : https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss

// Body
$body-bg:       $gray-100;
$text-color:    $gray-800;

// Links
$link-color:        $cyan;
$link-hover-color:  $orange;

$box-shadow-sm:     0 0.125rem 0.25rem rgba($gray-900, 0.075);
$box-shadow:        0 0.5rem 1rem rgba($gray-900, 0.15);
$box-shadow-lg:     0 1rem 3rem rgba($gray-900, 0.175);

$component-active-bg: $secondary;

// Typography
$font-family-sans-serif:    "Fira Sans", "Arial", sans-serif ;
$font-size-base: 1.6rem;
$line-height-base: 1.6;
$small-font-size: 1.2rem;

// Buttons + Forms
$input-btn-font-family:     "KGJune"!default ;
$input-btn-font-size:       1.2rem ;

// Buttons
$btn-box-shadow:     inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) ;

// Forms
$input-font-family: "Fira Sans" ;
$input-focus-border-color:  $primary ;

// Dropdowns
$dropdown-link-color:   $gray-900 ;
$dropdown-link-hover-bg:    $gray-100 ;

// Image thumbnails
$thumbnail-bg:  $body-bg ;

$primary:                  $blue ;
$primary-lightest:         lighten($primary, 30%) ;
$primary-light:            lighten($primary, 15%) ;
$primary-dark:             darken($primary, 15%) ;
$primary-darkest:          darken($primary, 30%) ;
$primary-gradient:          linear-gradient($primary, $primary-light);

$secondary:                 $orange ;
$secondary-lightest:       lighten($secondary, 30%);
$secondary-light:          lighten($secondary, 15%);
$secondary-dark:           darken($secondary, 15%) ;
$secondary-darkest:        darken($secondary, 30%) ;
$secondary-gradient:        linear-gradient($secondary, $secondary-light);

$accent:                $orange ;
$accent-dark:           darken($orange, 20%) ;

$success:               $green ;
$success-dark:          darken($green, 10%) ;
$success-gradient:      linear-gradient($success, lighten($success, 10%));

$info:                  $cyan ;
$info-dark:             darken($cyan, 10%) ;
$info-gradient:         linear-gradient($info, lighten($info, 10%));

$warning:               $yellow ;
$warning-dark:          darken($yellow, 10%) ;
$warning-gradient:      linear-gradient($warning, lighten($warning, 10%));

// Créer un $error ? pour faire warning = jaune, danger = orange, error = rouge

$danger:                $red ;
$danger-dark:           darken($red, 20%) ;
$danger-gradient:       linear-gradient($danger, lighten($danger, 10%));

$light:                 $gray-200 ;
$dark:                  $gray-700 ;

// FLASH MESSAGE
$flash-red:             $red;
$flash-orange:          $orange;
$flash-green:           $green;
$flash-blue:            $cyan;

$app-size : 110px; // Trouver où est appeler cette valeur
$card-radius : 3px; // Trouver où est appeler cette valeur

$theme-colors: () ;
// 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,
    "accent":     $accent,
    "blue":       $blue,
    "indigo":     $indigo,
    "purple":     $purple,
    "pink":       $pink,
    "red":        $red,
    "orange":     $orange,
    "yellow":     $yellow,
    "green":      $green,
    "teal":       $teal,
    "cyan":       $cyan,
    "white":      $white,
    "black":      $black
  ),
  $theme-colors
);