@use '../tools/functions' as *;

$shades: () !default;
$shades: map-deep-merge(
  (
    light: (
      black: #010409,
      white: #FFFFFF,
      transparent: transparent
    ),
    dark: (
      black: #010409,
      white: #FCFCFC,
      transparent: transparent
    )
  ),
  $shades
);

$text-on-shades: () !default;
$text-on-shades: map-deep-merge(
  (
    black: map-get($shades, white),
    white: map-get($shades, black),
    transparent: currentColor
  ),
  $text-on-shades
);

$primary: () !default;
$primary: map-deep-merge(
  (
    light: (
      900: #771A0D,
      800: #97180C,
      700: #BC1B06,
      600: #E62E05,
      500: #FF4405,
      400: #FF692E,
      300: #FF9C66,
      200: #FFD6AE,
      100: #FFE6D5,
      50: #FFF4ED,
      25: #FFF9F5
    ),
    dark: (
      900: #490202,
      800: #67060c,
      700: #8e1519,
      600: #b62324,
      500: #da3633,
      400: #f85149,
      300: #ff7b72,
      200: #ffa198,
      100: #ffc1ba,
      50: #ffdcd7,
      25: #fef3f2
    )
  ),
  $primary
);

$text-on-primary: () !default;
$text-on-primary: map-deep-merge(
  (
    900: map-get($shades, white),
    800: map-get($shades, white),
    700: map-get($shades, white),
    600: map-get($shades, white),
    500: map-get($shades, white),
    400: map-get($shades, white),
    300: map-get($shades, white),
    200: map-get($primary, 700),
    100: map-get($primary, 700),
    50: map-get($primary, 700),
    25: map-get($primary, 700),
  ),
  $text-on-primary
);

$secondary: () !default;
$secondary: map-deep-merge(
  (
    light: (
      900: #101828,
      800: #1D2939,
      700: #344054,
      600: #475467,
      500: #667085,
      400: #98A2B3,
      300: #D0D5DD,
      200: #EAECF0,
      100: #F2F4F7,
      50: #F9FAFB,
      25: #FCFCFD
    ),
    dark: (
      900: #010409,
      800: #161b22,
      700: #21262d,
      600: #30363d,
      500: #484f58,
      400: #6e7681,
      300: #8b949e,
      200: #b1bac4,
      100: #c9d1d9,
      50: #f0f6fc,
      25: #fcfcfd
    )
  ),
  $secondary
);

$text-on-secondary: () !default;
$text-on-secondary: map-deep-merge(
  (
    900: map-get($shades, white),
    800: map-get($shades, white),
    700: map-get($shades, white),
    600: map-get($shades, white),
    500: map-get($shades, white),
    400: map-get($shades, white),
    300: map-get($shades, white),
    200: map-get($secondary, 700),
    100: map-get($secondary, 700),
    50: map-get($secondary, 700),
    25: map-get($secondary, 700),
  ),
  $text-on-secondary
);

$info: () !default;
$info: map-deep-merge(
  (
    light: (
      900: #00359E,
      800: #0040C1,
      700: #004EEB,
      600: #155EEF,
      500: #2970FF,
      400: #528BFF,
      300: #84ADFF,
      200: #B2CCFF,
      100: #D1E0FF,
      50: #EFF4FF,
      25: #F5F8FF
    ),
    dark: (
      900: #00359E,
      800: #0040C1,
      700: #004EEB,
      600: #155EEF,
      500: #2970FF,
      400: #528BFF,
      300: #84ADFF,
      200: #B2CCFF,
      100: #D1E0FF,
      50: #EFF4FF,
      25: #F5F8FF
    )
  ),
  $info
);

$text-on-info: () !default;
$text-on-info: map-deep-merge(
  (
    900: map-get($shades, white),
    800: map-get($shades, white),
    700: map-get($shades, white),
    600: map-get($shades, white),
    500: map-get($shades, white),
    400: map-get($shades, white),
    300: map-get($shades, white),
    200: map-get($info, 700),
    100: map-get($info, 700),
    50: map-get($info, 700),
    25: map-get($info, 700),
  ),
  $text-on-info
);

$success: () !default;
$success: map-deep-merge(
  (
    light: (
      900: #054f31,
      800: #05603a,
      700: #027a48,
      600: #039855,
      500: #12b76a,
      400: #32d583,
      300: #6ce9a6,
      200: #a6f4c5,
      100: #d1fadf,
      50: #ecfdf3,
      25: #f6fef9
    ),
    dark: (
      900: #04260f,
      800: #033a16,
      700: #0f5323,
      600: #196c2e,
      500: #238636,
      400: #2ea043,
      300: #3fb950,
      200: #56d364,
      100: #7ee787,
      50: #aff5b4,
      25: #ecfdf3
    )
  ),
  $success
);

$text-on-success: () !default;
$text-on-success: map-deep-merge(
  (
    900: map-get($shades, white),
    800: map-get($shades, white),
    700: map-get($shades, white),
    600: map-get($shades, white),
    500: map-get($shades, white),
    400: map-get($shades, white),
    300: map-get($shades, white),
    200: map-get($success, 700),
    100: map-get($success, 700),
    50: map-get($success, 700),
    25: map-get($success, 700),
  ),
  $text-on-success
);

$warning: () !default;
$warning: map-deep-merge(
  (
    light: (
      900: #7a2e0e,
      800: #93370d,
      700: #b54708,
      600: #dc6803,
      500: #f79009,
      400: #fdb022,
      300: #fec84b,
      200: #fedf89,
      100: #fef0c7,
      50: #fffaeb,
      25: #fffcf5
    ),
    dark: (
      900: #772917,
      800: #932F19,
      700: #B93815,
      600: #E04F16,
      500: #EF6820,
      400: #F38744,
      300: #F7B27A,
      200: #F9DBAF,
      100: #FDEAD7,
      50: #FEF6EE,
      25: #FEFAF5
    )
  ),
  $warning
);

$text-on-warning: () !default;
$text-on-warning: map-deep-merge(
  (
    900: map-get($shades, white),
    800: map-get($shades, white),
    700: map-get($shades, white),
    600: map-get($shades, white),
    500: map-get($shades, white),
    400: map-get($shades, white),
    300: map-get($shades, white),
    200: map-get($warning, 700),
    100: map-get($warning, 700),
    50: map-get($warning, 700),
    25: map-get($warning, 700),
  ),
  $text-on-warning
);

$danger: () !default;
$danger: map-deep-merge(
  (
    light: (
      900: #7A271A,
      800: #912018,
      700: #B42318,
      600: #D92D20,
      500: #F04438,
      400: #F97066,
      300: #FDA29B,
      200: #FECDCA,
      100: #FEE4E2,
      50: #FEF3F2,
      25: #FFFBFA
    ),
    dark: (
      900: #490202,
      800: #67060c,
      700: #8e1519,
      600: #b62324,
      500: #da3633,
      400: #f85149,
      300: #ff7b72,
      200: #ffa198,
      100: #ffc1ba,
      50: #ffdcd7,
      25: #fef3f2
    )
  ),
  $danger
);

$text-on-danger: () !default;
$text-on-danger: map-deep-merge(
  (
    900: map-get($shades, white),
    800: map-get($shades, white),
    700: map-get($shades, white),
    600: map-get($shades, white),
    500: map-get($shades, white),
    400: map-get($shades, white),
    300: map-get($shades, white),
    200: map-get($danger, 700),
    100: map-get($danger, 700),
    50: map-get($danger, 700),
    25: map-get($danger, 700),
  ),
  $text-on-danger
);

$gray: () !default;
$gray: map-deep-merge(
  (
    light: (
      900: #101828,
      800: #1D2939,
      700: #344054,
      600: #475467,
      500: #667085,
      400: #98A2B3,
      300: #D0D5DD,
      200: #EAECF0,
      100: #F2F4F7,
      50: #F9FAFB,
      25: #FCFCFD
    ),
    dark: (
      900: #101112,
      800: #131517,
      700: #1F2023,
      600: #26282B,
      500: #2D2F33,
      400: #3B3E43,
      300: #404349,
      200: #53575E,
      100: #6F767E,
      50: #7A7F89,
      25: #9A9EA6

      
      // 900: #121926,
      // 800: #202939,
      // 700: #364152,
      // 600: #4B5565,
      // 500: #697586,
      // 400: #9AA4B2,
      // 300: #CDD5DF,
      // 200: #E3E8EF,
      // 100: #EEF2F6,
      // 50: #F8FAFC,
      // 25: #FCFCFD
    )
  ),
  $gray
);

$text-on-gray: () !default;
$text-on-gray: map-deep-merge(
  (
    900: map-get($shades, white),
    800: map-get($shades, white),
    700: map-get($shades, white),
    600: map-get($shades, white),
    500: map-get($shades, white),
    400: map-get($shades, white),
    300: map-get($shades, white),
    200: map-get($gray, 500),
    100: map-get($gray, 500),
    50: map-get($gray, 500),
    25: map-get($gray, 500),
  ),
  $text-on-gray
);

$palette: () !default;
$palette: map-deep-merge(
  (
    'shades': $shades,
    'primary': $primary,
    'secondary': $secondary,
    'info': $info,
    'success': $success,
    'warning': $warning,
    'danger': $danger,
    'gray': $gray
  ),
  $palette
);

$text-on-palette: () !default;
$text-on-palette: map-deep-merge(
  (
    'shades': $text-on-shades,
    'primary': $text-on-primary,
    'secondary': $text-on-secondary,
    'info': $text-on-info,
    'success': $text-on-success,
    'warning': $text-on-warning,
    'danger': $text-on-danger,
    'gray': $text-on-gray
  ),
  $text-on-palette
);