@use 'sass:color';

:root {
  scroll-behavior: smooth;
}

// Fonts
$font-family-title: montserrat !default;
$font-family-text-alt: montserrat !default;
$font-family-text: montserrat !default;

// Les couleurs
$white: #fff !default;
$dark: #000 !default;
$primary: #ff2ec8 !default;
$primary-100: #fee5f9 !default;
$primary-200: #ffcaf6 !default;
$primary-300: #ff9fec !default;
$primary-400: #ff63dd !default;
$primary-500: $primary !default;
$primary-600: #f012ab !default;
$primary-700: #d1058c !default;
$primary-800: #ad0772 !default;
$primary-900: #8f0c61 !default;
$primary-10: #fef1fb !default;
$secondary: #261462 !default;
$secondary-100: #eceafd !default;
$secondary-200: #dad8fc !default;
$secondary-300: #beb8fa !default;
$secondary-400: #9d90f5 !default;
$secondary-500: #7d63ef !default;
$secondary-600: #6a42e5 !default;
$secondary-700: #5b30d1 !default;
$secondary-800: #4c28af !default;
$secondary-900: #402290 !default;
$secondary-10: null !default;
$neutral-100: #fff !default;
$neutral-200: #e0e0e0 !default;
$neutral-300: #cac9c9 !default;
$neutral-400: #b0aeae !default;
$neutral-500: #969393 !default;
$neutral-600: #7c7877 !default;
$neutral-700: #625e5d !default;
$neutral-800: #484544 !default;
$neutral-900: #302e2d !default;
$neutral-1000: #1d1d1b !default;
$neutral-10: rgb(29 29 27 / 10%) !default;
$transparent: transparent !default;
$main-color: null !default;
$error: null !default;
$alt-color: null !default;

// texts
$text-light: $white !default;
$text-dark: $secondary !default;
$text-primary: $primary !default;
$text-secondary: null !default;
$text-alt: null !default;
$title-light: $text-light !default;
$title-dark: $text-dark !default;
$title-alt: $text-primary !default;
$background-light: $white !default;
$background-light-alt: $primary !default;
$background-dark: $secondary !default;
$background-alt: null !default;

// border
$border: null !default;

// input
$input-border: $primary !default;
$input-border-hover: $primary-700 !default;
$input-text: $secondary !default;
$input-background: $white !default;

// btn
$btn-primary-border: $primary !default;
$btn-primary-border-hover: $primary-700 !default;
$btn-primary-background: $primary !default;
$btn-primary-background-hover: $primary-700 !default;
$btn-primary-text: $primary !default;
$btn-secondary-border: $secondary !default;
$btn-secondary-border-hover: $secondary-700 !default;
$btn-secondary-background: $secondary !default;
$btn-secondary-background-hover: $secondary-700 !default;
$btn-secondary-text: $secondary !default;
$btn-light-border: $white !default;
$btn-light-border-hover: #dcdcdc !default;
$btn-light-background: $white !default;
$btn-light-background-hover: #dcdcdc !default;
$btn-light-text: $white !default;