$blue-300: #6687FF !default;
$blue-400: #5E56F0 !default;
$blue-500: #4E40C9 !default;
$blue-300-40: #6687FF66 !default;
$blue-300-30: #6687FF4D !default;
$blue-300-20: #6687FF33 !default;
$blue-400-30: #5E56F04D !default;
$blue-400-20: #5E56F033 !default;
$blue-400-10: #5E56F01A !default;
$cobalt-300: #47C8FF !default;
$cobalt-400: #329BE7 !default;
$cobalt-500: #327AB8 !default;
$cobalt-300-40: #47C8FF66 !default;
$cobalt-300-30: #47C8FF4D !default;
$cobalt-300-20: #47C8FF33 !default;
$cobalt-400-30: #329BE74D !default;
$cobalt-400-20: #329BE733 !default;
$cobalt-400-10: #329BE71A !default;
$teal-300: #3CDDCD !default;
$teal-400: #0FB3A3 !default;
$teal-500: #449C8A !default;
$teal-300-40: #3CDDCD66 !default;
$teal-300-30: #3CDDCD4D !default;
$teal-300-20: #3CDDCD33 !default;
$teal-400-30: #0FB3A34D !default;
$teal-400-20: #0FB3A333 !default;
$teal-400-10: #0FB3A31A !default;
$green-300: #3ACF5A !default;
$green-400: #31A552 !default;
$green-500: #41904F !default;
$green-300-40: #3ACF5A66 !default;
$green-300-30: #3ACF5A4D !default;
$green-300-20: #3ACF5A33 !default;
$green-400-30: #31A5524D !default;
$green-400-20: #31A55233 !default;
$green-400-10: #31A5521A !default;
$olive-300: #CAD548 !default;
$olive-400: #A0A540 !default;
$olive-500: #818628 !default;
$olive-300-40: #CAD54866 !default;
$olive-300-30: #CAD5484D !default;
$olive-300-20: #CAD54833 !default;
$olive-400-30: #A0A5404D !default;
$olive-400-20: #A0A54033 !default;
$olive-400-10: #A0A5401A !default;
$yellow-300: #FDD353 !default;
$yellow-400: #EDBC40 !default;
$yellow-500: #C39E37 !default;
$yellow-300-40: #FDD35366 !default;
$yellow-300-30: #FDD3534D !default;
$yellow-300-20: #FDD35333 !default;
$yellow-400-30: #EDBC404D !default;
$yellow-400-20: #EDBC4033 !default;
$yellow-400-10: #EDBC401A !default;
$orange-300: #FFAB5C !default;
$orange-400: #F4800B !default;
$orange-500: #C57417 !default;
$orange-300-40: #FFAB5C66 !default;
$orange-300-30: #FFAB5C4D !default;
$orange-300-20: #FFAB5C33 !default;
$orange-400-30: #F4800B4D !default;
$orange-400-20: #F4800B33 !default;
$orange-400-10: #F4800B1A !default;
$red-300: #FF5C5C !default;
$red-400: #E94E58 !default;
$red-500: #AC3E46 !default;
$red-300-40: #FF5C5C66 !default;
$red-300-30: #FF5C5C4D !default;
$red-300-20: #FF5C5C33 !default;
$red-400-30: #E94E584D !default;
$red-400-20: #E94E5833 !default;
$red-400-10: #E94E581A !default;
$pink-300: #EC6FD3 !default;
$pink-400: #CB48AD !default;
$pink-500: #A32E92 !default;
$pink-300-40: #EC6FD366 !default;
$pink-300-30: #EC6FD34D !default;
$pink-300-20: #EC6FD333 !default;
$pink-400-30: #CB48AD4D !default;
$pink-400-20: #CB48AD33 !default;
$pink-400-10: #CB48AD1A !default;
$purple-300: #B570FF !default;
$purple-400: #915CE0 !default;
$purple-500: #6B23B3 !default;
$purple-300-40: #B570FF66 !default;
$purple-300-30: #B570FF4D !default;
$purple-300-20: #B570FF33 !default;
$purple-400-30: #915CE04D !default;
$purple-400-20: #915CE033 !default;
$purple-400-10: #915CE01A !default;
$navy-300: #647CC9 !default;
$navy-400: #3A4F8D !default;
$navy-500: #333D5B !default;
$navy-300-40: #647CC966 !default;
$navy-300-30: #647CC94D !default;
$navy-300-20: #647CC933 !default;
$navy-400-30: #3A4F8D4D !default;
$navy-400-20: #3A4F8D33 !default;
$navy-400-10: #3A4F8D1A !default;
$grey-50: #FCFCFC !default;
$grey-100: #F7F7F8 !default;
$grey-200: #EFEFF0 !default;
$grey-500: #A7A7AA !default;
$grey-700: #464748 !default;
$grey-800: #313234 !default;
$grey-850: #2A2B2D !default;
$grey-900: #242428 !default;
$grey-50-80: #FCFCFCCC !default;
$grey-100-90: #F7F7F8E6 !default;
$grey-100-80: #F7F7F8CC !default;
$grey-200-80: #EFEFF0CC !default;
$grey-700-80: #464748CC !default;
$grey-800-90: #313234E6 !default;
$grey-800-80: #313234CC !default;
$grey-850-80: #2A2B2DCC !default;
$grey-900-90: #242428E6 !default;
$white-5: #FFFFFF0D !default;
$white-8: #FFFFFF14 !default;
$white-12: #FFFFFF1F !default;
$white-20: #FFFFFF33 !default;
$white-40: #FFFFFF66 !default;
$white-60: #FFFFFF99 !default;
$white-80: #FFFFFFCC !default;
$white-90: #FFFFFFE6 !default;
$white-100: #FFFFFF !default;
$black-3: #00000008 !default;
$black-5: #0000000D !default;
$black-8: #00000014 !default;
$black-15: #00000026 !default;
$black-20: #00000033 !default;
$black-22: #00000038 !default;
$black-30: #0000004D !default;
$black-40: #00000066 !default;
$black-60: #00000099 !default;
$black-85: #000000D9 !default;
$black-100: #000000 !default;
$font-size-11: 1.1rem !default;
$font-size-12: 1.2rem !default;
$font-size-13: 1.3rem !default;
$font-size-14: 1.4rem !default;
$font-size-15: 1.5rem !default;
$font-size-16: 1.6rem !default;
$font-size-17: 1.7rem !default;
$font-size-18: 1.8rem !default;
$font-size-22: 2.2rem !default;
$font-size-24: 2.4rem !default;
$font-size-30: 3rem !default;
$font-size-36: 3.6rem !default;
$font-line-height-16: 1.6rem !default;
$font-line-height-18: 1.8rem !default;
$font-line-height-20: 2rem !default;
$font-line-height-22: 2.2rem !default;
$font-line-height-24: 2.4rem !default;
$font-line-height-28: 2.8rem !default;
$font-line-height-32: 3.2rem !default;
$font-line-height-36: 3.6rem !default;
$font-line-height-44: 4.4rem !default;
$font-weight-400: 400 !default;
$font-weight-700: 700 !default;
$font-family-sans-kr: 'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif' !default;
$font-family-sans-jp: 'Inter', 'NotoSansJP', 'Noto Sans JP', 'NotoSansKR', 'Noto Sans KR', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif' !default;
$font-family-mono: 'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace' !default;
$font-letter-spacing-1: -0.01rem !default;
$font-letter-spacing-2: -0.04rem !default;
$opacity-disabled: 0.4 !default;
$radius-2: 2px !default;
$radius-3: 3px !default;
$radius-4: 4px !default;
$radius-6: 6px !default;
$radius-8: 8px !default;
$radius-12: 12px !default;
$radius-16: 16px !default;
$radius-20: 20px !default;
$radius-32: 32px !default;
$radius-44: 44px !default;
$radius-42-p: 42% !default;
$transition-timing-function-default: cubic-bezier(0.3, 0, 0, 1) !default;
$transition-duration-s: 150ms !default;
$transition-duration-m: 300ms !default;
$transition-duration-l: 450ms !default;
$transition-s: 150ms cubic-bezier(0.3, 0, 0, 1) !default;
$transition-m: 300ms cubic-bezier(0.3, 0, 0, 1) !default;
$transition-l: 450ms cubic-bezier(0.3, 0, 0, 1) !default;
$typography-size-11-font-size: 1.1rem !default;
$typography-size-11-line-height: 1.6rem !default;
$typography-size-12-font-size: 1.2rem !default;
$typography-size-12-line-height: 1.6rem !default;
$typography-size-13-font-size: 1.3rem !default;
$typography-size-13-line-height: 1.8rem !default;
$typography-size-14-font-size: 1.4rem !default;
$typography-size-14-line-height: 1.8rem !default;
$typography-size-15-font-size: 1.5rem !default;
$typography-size-15-line-height: 2rem !default;
$typography-size-15-letter-spacing: -0.01rem !default;
$typography-size-16-font-size: 1.6rem !default;
$typography-size-16-line-height: 2.4rem !default;
$typography-size-16-letter-spacing: -0.01rem !default;
$typography-size-17-font-size: 1.7rem !default;
$typography-size-17-line-height: 2.4rem !default;
$typography-size-17-letter-spacing: -0.01rem !default;
$typography-size-18-font-size: 1.8rem !default;
$typography-size-18-line-height: 2.4rem !default;
$typography-size-22-font-size: 2.2rem !default;
$typography-size-22-line-height: 2.8rem !default;
$typography-size-22-letter-spacing: -0.04rem !default;
$typography-size-24-font-size: 2.4rem !default;
$typography-size-24-line-height: 3.2rem !default;
$typography-size-24-letter-spacing: -0.04rem !default;
$typography-size-30-font-size: 3rem !default;
$typography-size-30-line-height: 3.6rem !default;
$typography-size-30-letter-spacing: -0.04rem !default;
$typography-size-36-font-size: 3.6rem !default;
$typography-size-36-line-height: 4.4rem !default;
$typography-size-36-letter-spacing: -0.04rem !default;
$z-index-hidden: -1 !default;
$z-index-base: 0 !default;
$z-index-floating: 1 !default;
$z-index-overlay: 1000 !default;
$z-index-modal: 1100 !default;
$z-index-toast: 1200 !default;
$z-index-tooltip: 1300 !default;
$z-index-important: 2000 !default;

$tokens: (
  'blue': (
    '300': $blue-300,
    '400': $blue-400,
    '500': $blue-500,
    '300-40': $blue-300-40,
    '300-30': $blue-300-30,
    '300-20': $blue-300-20,
    '400-30': $blue-400-30,
    '400-20': $blue-400-20,
    '400-10': $blue-400-10
  ),
  'cobalt': (
    '300': $cobalt-300,
    '400': $cobalt-400,
    '500': $cobalt-500,
    '300-40': $cobalt-300-40,
    '300-30': $cobalt-300-30,
    '300-20': $cobalt-300-20,
    '400-30': $cobalt-400-30,
    '400-20': $cobalt-400-20,
    '400-10': $cobalt-400-10
  ),
  'teal': (
    '300': $teal-300,
    '400': $teal-400,
    '500': $teal-500,
    '300-40': $teal-300-40,
    '300-30': $teal-300-30,
    '300-20': $teal-300-20,
    '400-30': $teal-400-30,
    '400-20': $teal-400-20,
    '400-10': $teal-400-10
  ),
  'green': (
    '300': $green-300,
    '400': $green-400,
    '500': $green-500,
    '300-40': $green-300-40,
    '300-30': $green-300-30,
    '300-20': $green-300-20,
    '400-30': $green-400-30,
    '400-20': $green-400-20,
    '400-10': $green-400-10
  ),
  'olive': (
    '300': $olive-300,
    '400': $olive-400,
    '500': $olive-500,
    '300-40': $olive-300-40,
    '300-30': $olive-300-30,
    '300-20': $olive-300-20,
    '400-30': $olive-400-30,
    '400-20': $olive-400-20,
    '400-10': $olive-400-10
  ),
  'yellow': (
    '300': $yellow-300,
    '400': $yellow-400,
    '500': $yellow-500,
    '300-40': $yellow-300-40,
    '300-30': $yellow-300-30,
    '300-20': $yellow-300-20,
    '400-30': $yellow-400-30,
    '400-20': $yellow-400-20,
    '400-10': $yellow-400-10
  ),
  'orange': (
    '300': $orange-300,
    '400': $orange-400,
    '500': $orange-500,
    '300-40': $orange-300-40,
    '300-30': $orange-300-30,
    '300-20': $orange-300-20,
    '400-30': $orange-400-30,
    '400-20': $orange-400-20,
    '400-10': $orange-400-10
  ),
  'red': (
    '300': $red-300,
    '400': $red-400,
    '500': $red-500,
    '300-40': $red-300-40,
    '300-30': $red-300-30,
    '300-20': $red-300-20,
    '400-30': $red-400-30,
    '400-20': $red-400-20,
    '400-10': $red-400-10
  ),
  'pink': (
    '300': $pink-300,
    '400': $pink-400,
    '500': $pink-500,
    '300-40': $pink-300-40,
    '300-30': $pink-300-30,
    '300-20': $pink-300-20,
    '400-30': $pink-400-30,
    '400-20': $pink-400-20,
    '400-10': $pink-400-10
  ),
  'purple': (
    '300': $purple-300,
    '400': $purple-400,
    '500': $purple-500,
    '300-40': $purple-300-40,
    '300-30': $purple-300-30,
    '300-20': $purple-300-20,
    '400-30': $purple-400-30,
    '400-20': $purple-400-20,
    '400-10': $purple-400-10
  ),
  'navy': (
    '300': $navy-300,
    '400': $navy-400,
    '500': $navy-500,
    '300-40': $navy-300-40,
    '300-30': $navy-300-30,
    '300-20': $navy-300-20,
    '400-30': $navy-400-30,
    '400-20': $navy-400-20,
    '400-10': $navy-400-10
  ),
  'grey': (
    '50': $grey-50,
    '100': $grey-100,
    '200': $grey-200,
    '500': $grey-500,
    '700': $grey-700,
    '800': $grey-800,
    '850': $grey-850,
    '900': $grey-900,
    '50-80': $grey-50-80,
    '100-90': $grey-100-90,
    '100-80': $grey-100-80,
    '200-80': $grey-200-80,
    '700-80': $grey-700-80,
    '800-90': $grey-800-90,
    '800-80': $grey-800-80,
    '850-80': $grey-850-80,
    '900-90': $grey-900-90
  ),
  'white': (
    '5': $white-5,
    '8': $white-8,
    '12': $white-12,
    '20': $white-20,
    '40': $white-40,
    '60': $white-60,
    '80': $white-80,
    '90': $white-90,
    '100': $white-100
  ),
  'black': (
    '3': $black-3,
    '5': $black-5,
    '8': $black-8,
    '15': $black-15,
    '20': $black-20,
    '22': $black-22,
    '30': $black-30,
    '40': $black-40,
    '60': $black-60,
    '85': $black-85,
    '100': $black-100
  ),
  'font': (
    'size': (
      '11': $font-size-11,
      '12': $font-size-12,
      '13': $font-size-13,
      '14': $font-size-14,
      '15': $font-size-15,
      '16': $font-size-16,
      '17': $font-size-17,
      '18': $font-size-18,
      '22': $font-size-22,
      '24': $font-size-24,
      '30': $font-size-30,
      '36': $font-size-36
    ),
    'line-height': (
      '16': $font-line-height-16,
      '18': $font-line-height-18,
      '20': $font-line-height-20,
      '22': $font-line-height-22,
      '24': $font-line-height-24,
      '28': $font-line-height-28,
      '32': $font-line-height-32,
      '36': $font-line-height-36,
      '44': $font-line-height-44
    ),
    'weight': (
      '400': $font-weight-400,
      '700': $font-weight-700
    ),
    'family': (
      'sans': (
        'kr': $font-family-sans-kr,
        'jp': $font-family-sans-jp
      ),
      'mono': $font-family-mono
    ),
    'letter-spacing': (
      '1': $font-letter-spacing-1,
      '2': $font-letter-spacing-2
    )
  ),
  'opacity': (
    'disabled': $opacity-disabled
  ),
  'radius': (
    '2': $radius-2,
    '3': $radius-3,
    '4': $radius-4,
    '6': $radius-6,
    '8': $radius-8,
    '12': $radius-12,
    '16': $radius-16,
    '20': $radius-20,
    '32': $radius-32,
    '44': $radius-44,
    '42-p': $radius-42-p
  ),
  'transition': (
    'timing-function': (
      'default': $transition-timing-function-default
    ),
    'duration': (
      's': $transition-duration-s,
      'm': $transition-duration-m,
      'l': $transition-duration-l
    ),
    's': $transition-s,
    'm': $transition-m,
    'l': $transition-l
  ),
  'typography': (
    'size': (
      '11': (
        'font-size': $typography-size-11-font-size,
        'line-height': $typography-size-11-line-height
      ),
      '12': (
        'font-size': $typography-size-12-font-size,
        'line-height': $typography-size-12-line-height
      ),
      '13': (
        'font-size': $typography-size-13-font-size,
        'line-height': $typography-size-13-line-height
      ),
      '14': (
        'font-size': $typography-size-14-font-size,
        'line-height': $typography-size-14-line-height
      ),
      '15': (
        'font-size': $typography-size-15-font-size,
        'line-height': $typography-size-15-line-height,
        'letter-spacing': $typography-size-15-letter-spacing
      ),
      '16': (
        'font-size': $typography-size-16-font-size,
        'line-height': $typography-size-16-line-height,
        'letter-spacing': $typography-size-16-letter-spacing
      ),
      '17': (
        'font-size': $typography-size-17-font-size,
        'line-height': $typography-size-17-line-height,
        'letter-spacing': $typography-size-17-letter-spacing
      ),
      '18': (
        'font-size': $typography-size-18-font-size,
        'line-height': $typography-size-18-line-height
      ),
      '22': (
        'font-size': $typography-size-22-font-size,
        'line-height': $typography-size-22-line-height,
        'letter-spacing': $typography-size-22-letter-spacing
      ),
      '24': (
        'font-size': $typography-size-24-font-size,
        'line-height': $typography-size-24-line-height,
        'letter-spacing': $typography-size-24-letter-spacing
      ),
      '30': (
        'font-size': $typography-size-30-font-size,
        'line-height': $typography-size-30-line-height,
        'letter-spacing': $typography-size-30-letter-spacing
      ),
      '36': (
        'font-size': $typography-size-36-font-size,
        'line-height': $typography-size-36-line-height,
        'letter-spacing': $typography-size-36-letter-spacing
      )
    )
  ),
  'z-index': (
    'hidden': $z-index-hidden,
    'base': $z-index-base,
    'floating': $z-index-floating,
    'overlay': $z-index-overlay,
    'modal': $z-index-modal,
    'toast': $z-index-toast,
    'tooltip': $z-index-tooltip,
    'important': $z-index-important
  )
);