// MEDIA QUERIES
$xs: 599.99;
$sm: 959.99;
$md: 1263.99;
$lg: 1903.99;
$media-up-sm: '(min-width: #{$xs + 0.01}px)'; // >=600px
$media-up-md: '(min-width: #{$sm + 0.01}px)'; // >=960px
$media-up-lg: '(min-width: #{$md + 0.01}px)'; // >=1264px
$media-up-xl: '(min-width: #{$lg + 0.01}px)'; // >=1904px

$media-down-xl: '(max-width: #{$lg}px)'; // 0px - 1903px
$media-down-lg: '(max-width: #{$md}px)'; // 0px - 1263px
$media-down-md: '(max-width: #{$sm}px)'; // 0px - 959px
$media-down-sm: '(max-width: #{$xs}px)'; // 0px - 599px

$media-only-xs: '(max-width: #{$xs}px)'; // 0px - 599px
$media-only-sm: '(min-width: #{$xs + 0.01}px) and (max-width: #{$sm}px)'; // 600px - 959px
$media-only-md: '(min-width: #{$sm + 0.01}px) and (max-width: #{$md}px)'; // 600px - 1263px
$media-only-lg: '(min-width: #{$md + 0.01}px) and (max-width: #{$lg}px)'; // 1264px - 1903px
$media-only-xl: '(min-width: #{$lg + 0.01}px)'; // >= 1904px

// AMELIPRO COLORS
$ap-primary: #0084b2; // bleu-4
$ap-secondary: #004259; // bleu-1
$ap-error: #b33f2e; // rouge-3
$ap-informations: #4d547d; // parme-1
$ap-succes: #007863; // turquoise-3
$ap-warning: #906c16; // ocre-1
$ap-black: #000; // noir
$ap-white: #fff; // blanc
$ap-grey: #545859; // gris-2
$ap-blue: #0c419a; // bleu-9
$ap-yellow: #f0b323; // jaune-2
$ap-green: #56c271; // vert-3
$ap-red: $ap-error; // rouge-3
$ap-turquoise: #33bca5; // turquoise-4
$ap-parme: #dde6fb; // parme-2
$ap-pink: #d00063; // rose-1

// AMELIPRO GREY VARIANT
// DARKEN
$ap-grey-darken1: #1a1b1b; // gris-1 app text color
// LIGHTEN
$ap-grey-lighten1: #cccdce; // gris-3
$ap-grey-lighten2: #dddede; // gris-4
$ap-grey-lighten3: #eee; // gris-5
$ap-grey-lighten4: #f3f4f4; // gris-6
$ap-grey-lighten5: #fafafa; // gris-7
$ap-grey-lighten6: #f4f8f9; // gris-8 app background

// AMELIPRO BLUE VARIANT
// DARKEN
$ap-blue-darken1: $ap-primary; // bleu-4
$ap-blue-darken2: $ap-secondary; // bleu-1
// LIGHTEN
$ap-blue-lighten1: #99dbf2; // bleu-6
$ap-blue-lighten2: #ccedf9; // bleu-7
$ap-blue-lighten3: #e6f6fc; // bleu-8
$ap-blue-lighten4: #f3fbfe; // bleu-9

// AMELIPRO YELLOW VARIANT
// DARKEN
$ap-yellow-darken1: #d8a120; // jaune-1
$ap-yellow-darken2: #c08f1c; // ocre-3
$ap-yellow-darken3: #a87d19; // ocre-2
$ap-yellow-darken4: #906c16; // ocre-1
// LIGHTEN
$ap-yellow-lighten1: #f3c24f; // jaune-3
$ap-yellow-lighten2: #fed66d; // jaune-4
$ap-yellow-lighten3: #f7d990; // ocre-4
$ap-yellow-lighten4: #f9e1a7; // ocre-5
$ap-yellow-lighten5: #fcf0d3; // jaune-5

// AMELIPRO GREEN VARIANT
// DARKEN
$ap-green-darken1: #459b5a; // vert-2
$ap-green-darken2: #337343; // vert-1
// LIGHTEN
$ap-green-lighten1: #78ce8d; // vert-4
$ap-green-lighten2: #ddf3e3; // vert-5

// AMELIPRO RED VARIANT
// DARKEN
$ap-red-darken1: #9d3728; // rouge-2
$ap-red-darken2: #70281c; // rouge-1
// LIGHTEN
$ap-red-lighten1: #e67261; // rouge-4
$ap-red-lighten2: #ec9588; // rouge-5
$ap-red-lighten3: #f9dcd7; // rouge-6
$ap-red-lighten4: #fdf0ee; // rouge-7

// AMELIPRO TURQUOISE VARIANT
// DARKEN
$ap-turquoise-darken1: #007863; // turquoise-3
$ap-turquoise-darken2: #006654; // turquoise-2
$ap-turquoise-darken3: #005647; // turquoise-1
// LIGHTEN
$ap-turquoise-lighten1: #cceee8; // turquoise-5
$ap-turquoise-lighten2: #e6f7f4; // turquoise-6

// AMELIPRO PARME VARIANT
// DARKEN
$ap-parme-darken1: #4d547d; // parme-1

// font-weight global values
$ap-font-weight-regular: 400; // regular
$ap-font-weight-bold: 700; // bold

// font size variables
$font-size-xxs: 0.75rem; // 12px only for btn badges
$font-size-xs: 0.875rem; // 14px
$font-size-sm: 1rem; // 16px
$font-size-md: 1.125rem; // 18px
$font-size-lg: 1.25rem; // 20px
$font-size-xl: 1.375rem; // 22px
$font-size-xxl: 1.5rem; // 24px

// button style values (used for AmeliproBtn and all similar shaped clickable elements)
$btn-padding-x: 1rem;
$btn-padding-y: 0.5rem;
$btn-min-height: 2.5rem;
$btn-radius: 0.75rem;

// card default styles values (also valid for card like component as accordion)
$card-radius: 0.75rem;
$card-padding-desktop: 1rem;
$card-padding-tablet: 1rem;
$card-padding-mobile: 0.75rem;

// dialog default style
$dialog-padding: 1.5rem;

// set switch style
$switch-track-height: 2rem;
$switch-track-width: 3.5rem;
$switch-track-top: 0;
$switch-thumb-height: 1.5rem;
$switch-thumb-width: 1.5rem;
$switch-thumb-top: 0.25rem;
$switch-thumb-elevation: 0;
$switch-width: 3.5rem;
$switch-track-opacity: 1;

// set filters and pills styles
$filter-padding-x: 2rem;
$filter-padding-y: 0.75rem;
$filter-radius: 0.75rem;
$filter-font-weight: $ap-font-weight-bold;

// set tabs pills styles
$tabs-pill-padding-x: 2rem;
$tabs-pill-padding-y: 0.5rem;
$tabs-pill-radius: 0.75rem;
$tabs-pill-font-weight: $ap-font-weight-bold;

// multiple folding cards btn styles
$multi-folding-btn-padding-x: 2rem;
$multi-folding-btn-padding-y: 0.5rem;
$multi-folding-btn-radius: 0.75rem;
$multi-folding-btn-font-weight: $ap-font-weight-bold;

// default styles for form inputs
$input-radius: 0.5rem;
$text-field-border-radius: $input-radius;
$label-font-weight: $ap-font-weight-bold;
$input-min-height: 2.625rem;
$tooltip-background-color: #fff;