// stylelint-disable hue-degree-notation
// stylelint-disable color-function-notation
@charset "UTF-8";

// @description
// * All list variables in this file you can override on it.
// * Please, make sure what you will use, this variables list
// * are public in all our library. So, be carful.
// * We do not recommend amending, updating or overriding it.

// @access public

// @version 1.0.0

// @author Khaled Mohamed

// @license MIT

// @repository: https://github.com/Black-Axis/sass-pire

// @namespace abstract

// @module abstract/global-variables

// stylelint-disable scss/dollar-variable-empty-line-before

$all-units: (
    cm,
    mm,
    in,
    px,
    pt,
    pc,
    "%",
    em,
    ex,
    ch,
    rem,
    vw,
    vh,
    vmin,
    vmax,
    dpi,
    dpcm,
    dppx,
    vw,
    svw,
    lvw,
    dvw,
    vh,
    lvh,
    dvh,
    vi,
    svi,
    lvi,
    vmin,
    svmin,
    lvmin,
    dvmin,
    vmax,
    svmax,
    lvmax,
    dvmax,
    vb,
    lvb,
    dvb,
    hz,
    khz,
    fr,
    ratio,
    cqw,
    cqh,
    cqi,
    cqb,
    cqmin,
    cqmax,
) !default;

$data-types: (
    number,
    string,
    bool,
    list,
    color,
    map,
    null,
) !default;

$angle-units: (
    deg,
    turn,
    rad,
    grad,
) !default;

$main-units: (
    #{"%"},
    rem,
    px,
    em,
) !default;

$time-units: (
    ms,
    s,
) !default;

$breakpoints: (
    "x-small": 240px,
    "small": 280px,
    "mob-min": 320px,
    "mob": 400px,
    "mob-wide": 480px,
    "xs": 576px,
    "sm-tab": 640px,
    "sm": 767px,
    "sm-wide": 870px,
    "sm-max": 930px,
    "md": 991px,
    "md-tab": 1024px,
    "md-max": 1150px,
    "lg": 1200px,
    "lg-max": 1300px,
    "xl": 1400px,
    "xl-max": 1550px,
    "xl-2": 1900px,
    "xl-3": 2400px,
    "xl-4": 2800px,
    "xxl": 3000px,
) !default;

$overflow-values: (
    scroll,
    hidden,
    auto,
    visible,
    clip,
    inherit,
    initial,
    revert,
    revert-layer,
    unset,
) !default;

$overscroll-behavior-values: (
    auto,
    contain,
    none,
    initial,
    inherit,
) !default;

$main-data-types: (
    number,
    string,
    bool,
) !default;

$main-directions: (
    top,
    right,
    bottom,
    left,
) !default;

$flex-prefixes-values: (
    -webkit-box,
    -moz-box,
    -ms-flexbox,
    -webkit-flex,
    flex,
) !default;

$justify-content-props: (
    -webkit-box-pack,
    -webkit-justify-content,
    -ms-flex-pack,
    -moz-justify-content,
    justify-content,
) !default;

$justify-content-values: (
    normal,
    stretch,
    start,
    end,
    right,
    left,
    flex-start,
    flex-end,
    center,
    space-between,
    space-around,
    space-evenly,
    inherit,
) !default;

$align-items-props: (
    -webkit-box-align,
    -webkit-align-items,
    -ms-flex-align,
    -moz-align-items,
    align-items,
) !default;

$align-items-values: (
    normal,
    stretch,
    start,
    end,
    flex-start,
    flex-end,
    center,
    baseline,
    inherit,
) !default;

$flex-shrink-values: (
    initial,
    revert,
    revert-layer,
    unset,
    inherit,
) !default;

$flex-grow-props: (
    -webkit-flex-grow,
    -webkit-box-flex,
    -ms-flex-positive,
    -moz-box-flex,
    flex-grow,
) !default;

$flex-grow-values: (
    inherit,
    initial,
    revert,
    revert-layer,
    unset,
) !default;

$inline-grid-prefixes-values: (
    -ms-inline-grid,
    inline-grid
) !default;

$column-gap-props: (
    -webkit-column-gap,
    -moz-column-gap,
    column-gap,
) !default;

$grid-column-props: (
    -ms-grid-column,
    grid-column,
) !default;

$grid-row-props: (
    -ms-grid-row,
    grid-row,
)
!default;

$grid-template-columns-props: (
    -ms-grid-columns,
    grid-template-columns,
) !default;

$grid-template-rows-props: (
    -ms-grid-rows,
    grid-template-rows,
) !default;

$grid-column-start: (
    -ms-grid-column,
    grid-column-start,
) !default;

$grid-row-start: (
    -ms-grid-row,
    grid-row-start,
) !default;

$grid-row-end: (
    -ms-grid-row-span,
    grid-row-end,
) !default;

$text-align-last-props: (
    -moz-text-align-last,
    text-align-last,
) !default;

$text-align-last-props-values: (
    auto,
    start,
    end,
    left,
    right,
    center,
    justify,
    inherit,
    initial,
    revert,
    revert-layer,
    unset,
) !default;

$text-overflow-props: (
    -o-text-overflow,
    text-overflow,
) !default;

$text-overflow-props-values: (
    clip,
    ellipsis,
    inherit,
    initial,
    revert,
    revert-layer,
    unset,
) !default;

$neutral-colors-light-map: (
    50: hsl(0, 0%, 100%),
    100: hsl(0, 0%, 95%),
    150: hsl(0, 0%, 90%),
    200: hsl(0, 0%, 85%),
    250: hsl(0, 0%, 80%),
    300: hsl(0, 0%, 75%),
    350: hsl(0, 0%, 70%),
    400: hsl(0, 0%, 65%),
    450: hsl(0, 0%, 60%),
    500: hsl(0, 0%, 55%),
    550: hsl(0, 0%, 50%),
    600: hsl(0, 0%, 45%),
    650: hsl(0, 0%, 40%),
    700: hsl(0, 0%, 35%),
    750: hsl(0, 0%, 30%),
    800: hsl(0, 0%, 25%),
    850: hsl(0, 0%, 20%),
    900: hsl(0, 0%, 15%),
    950: hsl(0, 0%, 10%),
) !default;

$neutral-colors-dark-map: (
    50: hsl(0, 0%, 0%),
    100: hsl(0, 0%, 5%),
    150: hsl(0, 0%, 10%),
    200: hsl(0, 0%, 15%),
    250: hsl(0, 0%, 20%),
    300: hsl(0, 0%, 25%),
    350: hsl(0, 0%, 30%),
    400: hsl(0, 0%, 35%),
    450: hsl(0, 0%, 40%),
    500: hsl(0, 0%, 45%),
    550: hsl(0, 0%, 50%),
    600: hsl(0, 0%, 55%),
    650: hsl(0, 0%, 60%),
    700: hsl(0, 0%, 65%),
    750: hsl(0, 0%, 70%),
    800: hsl(0, 0%, 75%),
    850: hsl(0, 0%, 80%),
    900: hsl(0, 0%, 85%),
    950: hsl(0, 0%, 90%),
) !default;

$red-colors-map: (
    50: hsl(0, 100%, 98%),
    100: hsl(0, 100%, 95%),
    150: hsl(0, 85%, 87%),
    200: hsl(0, 75%, 75%),
    250: hsl(0, 70%, 64%),
    300: hsl(0, 70%, 56%),
    350: hsl(0, 65%, 47%),
    400: hsl(0, 65%, 39%),
    450: hsl(0, 60%, 35%),
    500: hsl(0, 60%, 31%),
    550: hsl(0, 55%, 28%),
    600: hsl(0, 55%, 24%),
    650: hsl(0, 50%, 22%),
    700: hsl(0, 50%, 19%),
    750: hsl(0, 45%, 16%),
    800: hsl(0, 45%, 14%),
    850: hsl(0, 40%, 12%),
    900: hsl(0, 40%, 10%),
    950: hsl(0, 35%, 8%),
) !default;

$blue-colors-map: (
    50: hsl(210, 100%, 98%),
    100: hsl(210, 100%, 95%),
    150: hsl(210, 85%, 87%),
    200: hsl(210, 75%, 75%),
    250: hsl(210, 70%, 64%),
    300: hsl(210, 70%, 56%),
    350: hsl(210, 65%, 47%),
    400: hsl(210, 65%, 39%),
    450: hsl(210, 60%, 35%),
    500: hsl(210, 60%, 31%),
    550: hsl(210, 55%, 28%),
    600: hsl(210, 55%, 24%),
    650: hsl(210, 50%, 22%),
    700: hsl(210, 50%, 19%),
    750: hsl(210, 45%, 16%),
    800: hsl(210, 45%, 14%),
    850: hsl(210, 40%, 12%),
    900: hsl(210, 40%, 10%),
    950: hsl(210, 35%, 8%),
) !default;

$yellow-colors-map: (
    50: hsl(60, 100%, 98%),
    100: hsl(60, 100%, 95%),
    150: hsl(60, 85%, 87%),
    200: hsl(60, 75%, 75%),
    250: hsl(60, 70%, 64%),
    300: hsl(60, 70%, 56%),
    350: hsl(60, 65%, 47%),
    400: hsl(60, 65%, 39%),
    450: hsl(60, 60%, 35%),
    500: hsl(60, 60%, 31%),
    550: hsl(60, 55%, 28%),
    600: hsl(60, 55%, 24%),
    650: hsl(60, 50%, 22%),
    700: hsl(60, 50%, 19%),
    750: hsl(60, 45%, 16%),
    800: hsl(60, 45%, 14%),
    850: hsl(60, 40%, 12%),
    900: hsl(60, 40%, 10%),
    950: hsl(60, 35%, 8%),
) !default;

$green-colors-map: (
    50: hsl(120, 100%, 98%),
    100: hsl(120, 100%, 95%),
    150: hsl(120, 85%, 87%),
    200: hsl(120, 75%, 75%),
    250: hsl(120, 70%, 64%),
    300: hsl(120, 70%, 56%),
    350: hsl(120, 65%, 47%),
    400: hsl(120, 65%, 39%),
    450: hsl(120, 60%, 35%),
    500: hsl(120, 60%, 31%),
    550: hsl(120, 55%, 28%),
    600: hsl(120, 55%, 24%),
    650: hsl(120, 50%, 22%),
    700: hsl(120, 50%, 19%),
    750: hsl(120, 45%, 16%),
    800: hsl(120, 45%, 14%),
    850: hsl(120, 40%, 12%),
    900: hsl(120, 40%, 10%),
    950: hsl(120, 35%, 8%),
) !default;