@use 'sass:map';
@use 'sass:math';

@use '../common/var.scss' as common;
@use '../mixins/mixins.scss' as *;
@use '../color/index.scss' as *;

// Color
$colors: () !default;
$colors: map.deep-merge(
  (
    'neutral': (
      'base': #adadad,
      '9': #fafafa,
      '8': #f5f5f5,
      '7': #eaeaea,
      '6': #d4d4d4,
      '5': #adadad,
      '4': #484848,
      '3': #363636,
      '2': #191919,
      '1': #121212,
    ),
    'primary': (
      'base': #0076ff,
      '5': #cce4ff,
      '4': #a3ceff,
      '3': #0076ff,
      '2': #064c93,
      '1': #0b467a,
    ),
    'blue': (
      'base': #2256ff,
      '5': #eef2ff,
      '4': #c5d3ff,
      '3': #2256ff,
      '2': #0736b4,
      '1': #0d3899,
    ),
    'teal': (
      'base': #3ac5de,
      '5': #e5fbff,
      '4': #bff3fc,
      '3': #3ac5de,
      '2': #218491,
      '1': #23737a,
    ),
    'green': (
      'base': #2ce23c,
      '5': #dbffde,
      '4': #b4fdba,
      '3': #2ce23c,
      '2': #1b8d21,
      '1': #1e7620,
    ),
    'yellow': (
      'base': #ffc60d,
      '5': #fff6d9,
      '4': #ffecb0,
      '3': #ffc60d,
      '2': #9f7607,
      '1': #86610c,
    ),
    'orange': (
      'base': #ff8419,
      '5': #fff1e5,
      '4': #ffdbbc,
      '3': #ff8419,
      '2': #ab4e07,
      '1': #91410d,
    ),
    'red': (
      'base': #ff1919,
      '5': #ffe5e5,
      '4': #ffbcbc,
      '3': #ff1919,
      '2': #ab070d,
      '1': #910d15,
    ),
  ),
  $colors
);

$color-neutral-1: map.get($colors, 'neutral', '1') !default;
$color-neutral-2: map.get($colors, 'neutral', '2') !default;
$color-neutral-3: map.get($colors, 'neutral', '3') !default;
$color-neutral-4: map.get($colors, 'neutral', '4') !default;
$color-neutral-5: map.get($colors, 'neutral', '5') !default;
$color-neutral-6: map.get($colors, 'neutral', '6') !default;
$color-neutral-7: map.get($colors, 'neutral', '7') !default;
$color-neutral-8: map.get($colors, 'neutral', '8') !default;
$color-neutral-9: map.get($colors, 'neutral', '9') !default;

$color-primary: map.get($colors, 'primary', 'base') !default;
$color-primary-1: map.get($colors, 'primary', '1') !default;
$color-primary-2: map.get($colors, 'primary', '2') !default;
$color-primary-3: map.get($colors, 'primary', '3') !default;
$color-primary-4: map.get($colors, 'primary', '4') !default;
$color-primary-5: map.get($colors, 'primary', '5') !default;

$color-blue: map.get($colors, 'blue', 'base') !default;
$color-blue-1: map.get($colors, 'blue', '1') !default;
$color-blue-2: map.get($colors, 'blue', '2') !default;
$color-blue-3: map.get($colors, 'blue', '3') !default;
$color-blue-4: map.get($colors, 'blue', '4') !default;
$color-blue-5: map.get($colors, 'blue', '5') !default;

$color-teal: map.get($colors, 'teal', 'base') !default;
$color-teal-1: map.get($colors, 'teal', '1') !default;
$color-teal-2: map.get($colors, 'teal', '2') !default;
$color-teal-3: map.get($colors, 'teal', '3') !default;
$color-teal-4: map.get($colors, 'teal', '4') !default;
$color-teal-5: map.get($colors, 'teal', '5') !default;

$color-green: map.get($colors, 'green', 'base') !default;
$color-green-1: map.get($colors, 'green', '1') !default;
$color-green-2: map.get($colors, 'green', '2') !default;
$color-green-3: map.get($colors, 'green', '3') !default;
$color-green-4: map.get($colors, 'green', '4') !default;
$color-green-5: map.get($colors, 'green', '5') !default;

$color-yellow: map.get($colors, 'yellow', 'base') !default;
$color-yellow-1: map.get($colors, 'yellow', '1') !default;
$color-yellow-2: map.get($colors, 'yellow', '2') !default;
$color-yellow-3: map.get($colors, 'yellow', '3') !default;
$color-yellow-4: map.get($colors, 'yellow', '4') !default;
$color-yellow-5: map.get($colors, 'yellow', '5') !default;

$color-orange: map.get($colors, 'orange', 'base') !default;
$color-orange-1: map.get($colors, 'orange', '1') !default;
$color-orange-2: map.get($colors, 'orange', '2') !default;
$color-orange-3: map.get($colors, 'orange', '3') !default;
$color-orange-4: map.get($colors, 'orange', '4') !default;
$color-orange-5: map.get($colors, 'orange', '5') !default;

$color-red: map.get($colors, 'red', 'base') !default;
$color-red-1: map.get($colors, 'red', '1') !default;
$color-red-2: map.get($colors, 'red', '2') !default;
$color-red-3: map.get($colors, 'red', '3') !default;
$color-red-4: map.get($colors, 'red', '4') !default;
$color-red-5: map.get($colors, 'red', '5') !default;

$color-white: #000000 !default;
$color-black: #ffffff !default;
$color-overlay: rgba(255, 255, 255, 0.2) !default;
$color-mask: rgba(0, 0, 0, 0.6) !default;
$color-shadow-lv1: rgba(0, 0, 0, 0.08) !default;
$color-shadow-lv2: rgba(0, 0, 0, 0.16) !default;
$color-shadow-lv3: rgba(0, 0, 0, 0.24) !default;
$color-shadow-table-scroll: rgba(0, 0, 0, 0.9) !default;

// Border
$border-color: $color-neutral-3 !default;

// Box-shadow
$box-shadow: () !default;
$box-shadow: map.merge(
  (
    'lv1': (
      0px 4px 12px $color-shadow-lv1,
    ),
    'lv2': (
      1px 4px 16px $color-shadow-lv2,
    ),
    'lv3': (
      2px 4px 16px $color-shadow-lv3,
    ),
    'table-scroll': $color-shadow-table-scroll,
  ),
  $box-shadow
);