$backdrop-large: 60px !default;
$backdrop-small: 6px !default;
$border-default: 0 0 0 1px #ffffff1f !default;
$border-bottom: 0 -1px 0 0 #ffffff1f !default;
$border-right: -1px 0 0 0 #ffffff1f !default;
$border-left: 1px 0 0 0 #ffffff1f !default;
$border-top: 0 1px 0 0 #ffffff1f !default;
$border-white-high: 0 0 0 1px #242426ff !default;
$border-white-higher: 0 0 0 1px #29292dff !default;
$border-white-highest: 0 0 0 1px #313135ff !default;
$elevation-1: 0 1px 2px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f !default;
$elevation-2: 0 2px 6px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f !default;
$elevation-3: 0 4px 12px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f !default;
$elevation-4: 0 4px 24px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f !default;
$elevation-5: 0 6px 40px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f !default;
$elevation-6: 0 12px 60px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f !default;
$layer-z-index-base: 0 !default;
$layer-z-index-floating: 1 !default;
$layer-z-index-overlay: 1000 !default;
$layer-z-index-modal: 1100 !default;
$layer-z-index-toast: 1200 !default;
$layer-z-index-tooltip: 1300 !default;
$layer-z-index-hidden: -1 !default;
$layer-z-index-important: 2000 !default;
$motion-transition-fast: 150ms cubic-bezier(0.3, 0, 0, 1) !default;
$motion-transition-default: 300ms cubic-bezier(0.3, 0, 0, 1) !default;
$motion-transition-slow: 450ms cubic-bezier(0.3, 0, 0, 1) !default;
$opacity-disabled: 40% !default;
$radius-2: 2px !default;
$radius-3: 3px !default;
$radius-4: 4px !default;
$radius-6: 6px !default;
$radius-7: 7px !default;
$radius-8: 8px !default;
$radius-10: 10px !default;
$radius-12: 12px !default;
$radius-14: 14px !default;
$radius-16: 16px !default;
$radius-20: 20px !default;
$radius-32: 32px !default;
$state-error: 0 0 0 1px #f79847ff !default;
$state-active: 0 0 0 1px #8082ffff !default;
$state-input-default: 0 1px 2px 0 #0000000d, inset 0 0 0 1px #fff3 !default;
$state-input-hovered: 0 2px 6px 0 #0000000d, inset 0 0 0 1px #8082ffff !default;
$state-input-active: 0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #8082ffff !default;
$state-input-error: 0 2px 6px 0 #0000000d, 0 0 0 3px #f798474d, inset 0 0 0 1px #f79847ff !default;
$typography-heading-font-family: 'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif' !default;
$typography-heading-size-xlarge: 24px !default;
$typography-heading-size-large: 22px !default;
$typography-heading-size-medium: 18px !default;
$typography-heading-size-small: 17px !default;
$typography-heading-size-xsmall: 16px !default;
$typography-heading-size-2xsmall: 15px !default;
$typography-heading-weight-bold: 700 !default;
$typography-heading-letter-spacing: 0 !default;
$typography-heading-letter-spacing-tight: -0.1px !default;
$typography-heading-letter-spacing-tighter: -0.4px !default;
$typography-heading-line-height-xlarge: 32px !default;
$typography-heading-line-height-large: 28px !default;
$typography-heading-line-height-medium: 24px !default;
$typography-heading-line-height-small: 24px !default;
$typography-heading-line-height-xsmall: 24px !default;
$typography-heading-line-height-2xsmall: 20px !default;
$typography-text-font-family: 'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif' !default;
$typography-text-size-2xlarge: 17px !default;
$typography-text-size-xlarge: 16px !default;
$typography-text-size-large: 15px !default;
$typography-text-size-medium: 14px !default;
$typography-text-size-small: 13px !default;
$typography-text-size-xsmall: 12px !default;
$typography-text-size-2xsmall: 11px !default;
$typography-text-weight-bold: 700 !default;
$typography-text-weight-regular: 400 !default;
$typography-text-letter-spacing: 0 !default;
$typography-text-letter-spacing-tight: -0.1px !default;
$typography-text-line-height-2xlarge: 24px !default;
$typography-text-line-height-xlarge: 24px !default;
$typography-text-line-height-large: 20px !default;
$typography-text-line-height-medium: 18px !default;
$typography-text-line-height-small: 18px !default;
$typography-text-line-height-xsmall: 16px !default;
$typography-text-line-height-2xsmall: 16px !default;
$typography-display-font-family: 'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif' !default;
$typography-display-size-large: 36px !default;
$typography-display-size-medium: 30px !default;
$typography-display-weight-bold: 700 !default;
$typography-display-letter-spacing-tighter: -0.4px !default;
$typography-display-line-height-large: 44px !default;
$typography-display-line-height-medium: 36px !default;
$typography-code-font-family: 'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace' !default;
$typography-code-size-medium: 14px !default;
$typography-code-size-small: 13px !default;
$typography-code-weight-regular: 400 !default;
$typography-code-letter-spacing: 0 !default;
$typography-code-line-height-medium: 18px !default;
$typography-code-line-height-small: 18px !default;
$color-text-action: #8082ffff !default;
$color-text-success: #51c371ff !default;
$color-text-highlight: #5cadefff !default;
$color-text-warning: #f79847ff !default;
$color-text-critical: #f36868ff !default;
$color-text-neutral-heaviest: #ffff !default;
$color-text-neutral: #fffc !default;
$color-text-neutral-light: #fff9 !default;
$color-text-neutral-lighter: #fff6 !default;
$color-text-accent-blue: #8082ffff !default;
$color-text-accent-cobalt: #5cadefff !default;
$color-text-accent-green: #51c371ff !default;
$color-text-accent-red: #f36868ff !default;
$color-text-accent-orange: #f79847ff !default;
$color-text-accent-yellow: #f0be27ff !default;
$color-text-accent-olive: #b7c427ff !default;
$color-text-accent-teal: #40d3c5ff !default;
$color-text-accent-navy: #7e89cdff !default;
$color-text-accent-purple: #a970ffff !default;
$color-text-accent-pink: #ec6fd3ff !default;
$color-text-absolute-white: #ffff !default;
$color-text-absolute-black: #000f !default;
$color-text-inverse: #000000d9 !default;
$color-icon-action: #8082ffff !default;
$color-icon-success: #51c371ff !default;
$color-icon-highlight: #5cadefff !default;
$color-icon-warning: #f79847ff !default;
$color-icon-critical: #f36868ff !default;
$color-icon-neutral: #fff6 !default;
$color-icon-neutral-heavy: #fff9 !default;
$color-icon-neutral-heavier: #fffc !default;
$color-icon-accent-blue: #8082ffff !default;
$color-icon-accent-cobalt: #5cadefff !default;
$color-icon-accent-green: #51c371ff !default;
$color-icon-accent-red: #f36868ff !default;
$color-icon-accent-orange: #f79847ff !default;
$color-icon-accent-yellow: #f0be27ff !default;
$color-icon-accent-olive: #b7c427ff !default;
$color-icon-accent-teal: #40d3c5ff !default;
$color-icon-accent-navy: #7e89cdff !default;
$color-icon-accent-purple: #a970ffff !default;
$color-icon-accent-pink: #ec6fd3ff !default;
$color-icon-absolute-white: #ffff !default;
$color-icon-absolute-black: #000f !default;
$color-icon-inverse-heavier: #000000d9 !default;
$color-fill-neutral: #ffffff1f !default;
$color-fill-neutral-heaviest: #ffff !default;
$color-fill-neutral-heavier: #fff6 !default;
$color-fill-neutral-heavy: #fff3 !default;
$color-fill-neutral-light: #ffffff14 !default;
$color-fill-neutral-lighter: #ffffff0d !default;
$color-fill-neutral-lightest: #ffffff08 !default;
$color-fill-neutral-transparent: #fff0 !default;
$color-fill-action: #8082ffff !default;
$color-fill-action-light: #6b6eff4d !default;
$color-fill-action-lighter: #6b6eff2e !default;
$color-fill-action-transparent: #6b6eff00 !default;
$color-fill-success: #51c371ff !default;
$color-fill-success-light: #4bc16c4d !default;
$color-fill-success-lighter: #4bc16c2e !default;
$color-fill-success-transparent: #4bc16c00 !default;
$color-fill-highlight: #5cadefff !default;
$color-fill-highlight-light: #5cadef4d !default;
$color-fill-highlight-lighter: #5cadef2e !default;
$color-fill-highlight-transparent: #5cadef00 !default;
$color-fill-warning: #f79847ff !default;
$color-fill-warning-light: #f798474d !default;
$color-fill-warning-lighter: #f798472e !default;
$color-fill-warning-transparent: #f7984700 !default;
$color-fill-critical: #f36868ff !default;
$color-fill-critical-light: #f260604d !default;
$color-fill-critical-lighter: #f260602e !default;
$color-fill-critical-transparent: #f2606000 !default;
$color-fill-grey-light: #1d1d20ff !default;
$color-fill-grey: #242426ff !default;
$color-fill-grey-heavy: #29292dff !default;
$color-fill-grey-heavier: #313135ff !default;
$color-fill-accent-blue: #6b6eff2e !default;
$color-fill-accent-blue-heavy: #6b6eff4d !default;
$color-fill-accent-blue-heavier: #8082ffff !default;
$color-fill-accent-blue-transparent: #6b6eff00 !default;
$color-fill-accent-cobalt: #5cadef2e !default;
$color-fill-accent-cobalt-heavy: #5cadef4d !default;
$color-fill-accent-cobalt-heavier: #5cadefff !default;
$color-fill-accent-cobalt-transparent: #5cadef00 !default;
$color-fill-accent-green: #4bc16c2e !default;
$color-fill-accent-green-heavy: #4bc16c4d !default;
$color-fill-accent-green-heavier: #51c371ff !default;
$color-fill-accent-green-transparent: #4bc16c00 !default;
$color-fill-accent-red: #f260602e !default;
$color-fill-accent-red-heavy: #f260604d !default;
$color-fill-accent-red-heavier: #f36868ff !default;
$color-fill-accent-red-transparent: #f2606000 !default;
$color-fill-accent-orange: #f798472e !default;
$color-fill-accent-orange-heavy: #f798474d !default;
$color-fill-accent-orange-heavier: #f79847ff !default;
$color-fill-accent-orange-transparent: #f7984700 !default;
$color-fill-accent-yellow: #f0be272e !default;
$color-fill-accent-yellow-heavy: #f0be274d !default;
$color-fill-accent-yellow-heavier: #f0be27ff !default;
$color-fill-accent-yellow-transparent: #f0be2700 !default;
$color-fill-accent-olive: #b7c4272e !default;
$color-fill-accent-olive-heavy: #b7c4274d !default;
$color-fill-accent-olive-heavier: #b7c427ff !default;
$color-fill-accent-olive-transparent: #b7c42700 !default;
$color-fill-accent-teal: #40d3c52e !default;
$color-fill-accent-teal-heavy: #40d3c54d !default;
$color-fill-accent-teal-heavier: #40d3c5ff !default;
$color-fill-accent-teal-transparent: #40d3c500 !default;
$color-fill-accent-navy: #6f7bc82e !default;
$color-fill-accent-navy-heavy: #6f7bc84d !default;
$color-fill-accent-navy-heavier: #7e89cdff !default;
$color-fill-accent-navy-transparent: #6f7bc800 !default;
$color-fill-accent-purple: #a970ff2e !default;
$color-fill-accent-purple-heavy: #a970ff4d !default;
$color-fill-accent-purple-heavier: #a970ffff !default;
$color-fill-accent-purple-transparent: #a970ff00 !default;
$color-fill-accent-pink: #ec6fd32e !default;
$color-fill-accent-pink-heavy: #ec6fd34d !default;
$color-fill-accent-pink-heavier: #ec6fd3ff !default;
$color-fill-accent-pink-transparent: #ec6fd300 !default;
$color-fill-absolute-white: #ffff !default;
$color-fill-absolute-white-light: #fff3 !default;
$color-fill-absolute-white-transparent: #fff0 !default;
$color-fill-absolute-black: #000f !default;
$color-fill-absolute-black-light: #0003 !default;
$color-fill-absolute-black-transparent: #0000 !default;
$color-fill-bright: #5a5a5fff !default;
$color-border-neutral: #ffffff1f !default;
$color-border-neutral-heavy: #fff3 !default;
$color-border-neutral-heavier: #fff6 !default;
$color-border-detach: #1d1d20ff !default;
$color-border-detach-highest: #313135ff !default;
$color-border-detach-higher: #29292dff !default;
$color-border-detach-high: #242426ff !default;
$color-border-detach-low: #1a1a1cff !default;
$color-border-absolute-white: #ffff !default;
$color-surface: #1d1d20ff !default;
$color-surface-highest: #313135ff !default;
$color-surface-higher: #29292dff !default;
$color-surface-high: #242426ff !default;
$color-surface-low: #1a1a1cff !default;
$color-surface-glass: #29292de6 !default;
$color-surface-glass-highest: #313135e6 !default;
$color-surface-glass-higher: #29292de6 !default;
$color-surface-glass-high: #242426e6 !default;
$color-dim-absolute-black: #0006 !default;
$color-dim-absolute-black-heavy: #0009 !default;
$color-dim-absolute-white: #fff6 !default;
$color-dim-absolute-white-heavy: #fff9 !default;
$color-gradient-green: #20ab55ff !default;
$color-gradient-green-heavy: #51c371ff !default;
$color-state-default: #fff3 !default;
$color-state-action: #8082ffff !default;
$color-state-action-light: #6b6eff73 !default;
$color-state-warning: #f79847ff !default;
$color-state-warning-light: #f798474d !default;
$color-elevation-xlarge: #0000004d !default;
$color-elevation-large: #00000038 !default;
$color-elevation-medium: #00000026 !default;
$color-elevation-small: #00000014 !default;
$color-elevation-base: #0000000d !default;
$color-elevation-base-inner: #ffffff1f !default;
$color-chart-theme-default-10: #b4d6e5 !default;
$color-chart-theme-default-01: #7c72fd !default;
$color-chart-theme-default-02: #81dfdd !default;
$color-chart-theme-default-03: #fc9783 !default;
$color-chart-theme-default-04: #b1596a !default;
$color-chart-theme-default-05: #fe71ba !default;
$color-chart-theme-default-06: #c971ec !default;
$color-chart-theme-default-07: #4a75e3 !default;
$color-chart-theme-default-08: #80b6fd !default;
$color-chart-theme-default-09: #fb90f1 !default;

$tokens: (
  'backdrop': (
    'large': $backdrop-large,
    'small': $backdrop-small
  ),
  'border': (
    'default': $border-default,
    'bottom': $border-bottom,
    'right': $border-right,
    'left': $border-left,
    'top': $border-top,
    'white-high': $border-white-high,
    'white-higher': $border-white-higher,
    'white-highest': $border-white-highest
  ),
  'elevation': (
    '1': $elevation-1,
    '2': $elevation-2,
    '3': $elevation-3,
    '4': $elevation-4,
    '5': $elevation-5,
    '6': $elevation-6
  ),
  'layer': (
    'z-index': (
      'base': $layer-z-index-base,
      'floating': $layer-z-index-floating,
      'overlay': $layer-z-index-overlay,
      'modal': $layer-z-index-modal,
      'toast': $layer-z-index-toast,
      'tooltip': $layer-z-index-tooltip,
      'hidden': $layer-z-index-hidden,
      'important': $layer-z-index-important
    )
  ),
  'motion': (
    'transition': (
      'fast': $motion-transition-fast,
      'default': $motion-transition-default,
      'slow': $motion-transition-slow
    )
  ),
  'opacity': (
    'disabled': $opacity-disabled
  ),
  'radius': (
    '2': $radius-2,
    '3': $radius-3,
    '4': $radius-4,
    '6': $radius-6,
    '7': $radius-7,
    '8': $radius-8,
    '10': $radius-10,
    '12': $radius-12,
    '14': $radius-14,
    '16': $radius-16,
    '20': $radius-20,
    '32': $radius-32
  ),
  'state': (
    'error': $state-error,
    'active': $state-active,
    'input': (
      'default': $state-input-default,
      'hovered': $state-input-hovered,
      'active': $state-input-active,
      'error': $state-input-error
    )
  ),
  'typography': (
    'heading': (
      'font-family': $typography-heading-font-family,
      'size': (
        'xlarge': $typography-heading-size-xlarge,
        'large': $typography-heading-size-large,
        'medium': $typography-heading-size-medium,
        'small': $typography-heading-size-small,
        'xsmall': $typography-heading-size-xsmall,
        '2xsmall': $typography-heading-size-2xsmall
      ),
      'weight': (
        'bold': $typography-heading-weight-bold
      ),
      'letter-spacing': (
        'normal': $typography-heading-letter-spacing,
        'tight': $typography-heading-letter-spacing-tight,
        'tighter': $typography-heading-letter-spacing-tighter
      ),
      'line-height': (
        'xlarge': $typography-heading-line-height-xlarge,
        'large': $typography-heading-line-height-large,
        'medium': $typography-heading-line-height-medium,
        'small': $typography-heading-line-height-small,
        'xsmall': $typography-heading-line-height-xsmall,
        '2xsmall': $typography-heading-line-height-2xsmall
      )
    ),
    'text': (
      'font-family': $typography-text-font-family,
      'size': (
        '2xlarge': $typography-text-size-2xlarge,
        'xlarge': $typography-text-size-xlarge,
        'large': $typography-text-size-large,
        'medium': $typography-text-size-medium,
        'small': $typography-text-size-small,
        'xsmall': $typography-text-size-xsmall,
        '2xsmall': $typography-text-size-2xsmall
      ),
      'weight': (
        'bold': $typography-text-weight-bold,
        'regular': $typography-text-weight-regular
      ),
      'letter-spacing': (
        'normal': $typography-text-letter-spacing,
        'tight': $typography-text-letter-spacing-tight
      ),
      'line-height': (
        '2xlarge': $typography-text-line-height-2xlarge,
        'xlarge': $typography-text-line-height-xlarge,
        'large': $typography-text-line-height-large,
        'medium': $typography-text-line-height-medium,
        'small': $typography-text-line-height-small,
        'xsmall': $typography-text-line-height-xsmall,
        '2xsmall': $typography-text-line-height-2xsmall
      )
    ),
    'display': (
      'font-family': $typography-display-font-family,
      'size': (
        'large': $typography-display-size-large,
        'medium': $typography-display-size-medium
      ),
      'weight': (
        'bold': $typography-display-weight-bold
      ),
      'letter-spacing': (
        'tighter': $typography-display-letter-spacing-tighter
      ),
      'line-height': (
        'large': $typography-display-line-height-large,
        'medium': $typography-display-line-height-medium
      )
    ),
    'code': (
      'font-family': $typography-code-font-family,
      'size': (
        'medium': $typography-code-size-medium,
        'small': $typography-code-size-small
      ),
      'weight': (
        'regular': $typography-code-weight-regular
      ),
      'letter-spacing': (
        'normal': $typography-code-letter-spacing
      ),
      'line-height': (
        'medium': $typography-code-line-height-medium,
        'small': $typography-code-line-height-small
      )
    )
  ),
  'color': (
    'text': (
      'action': $color-text-action,
      'success': $color-text-success,
      'highlight': $color-text-highlight,
      'warning': $color-text-warning,
      'critical': $color-text-critical,
      'neutral': (
        'heaviest': $color-text-neutral-heaviest,
        'normal': $color-text-neutral,
        'light': $color-text-neutral-light,
        'lighter': $color-text-neutral-lighter
      ),
      'accent': (
        'blue': $color-text-accent-blue,
        'cobalt': $color-text-accent-cobalt,
        'green': $color-text-accent-green,
        'red': $color-text-accent-red,
        'orange': $color-text-accent-orange,
        'yellow': $color-text-accent-yellow,
        'olive': $color-text-accent-olive,
        'teal': $color-text-accent-teal,
        'navy': $color-text-accent-navy,
        'purple': $color-text-accent-purple,
        'pink': $color-text-accent-pink
      ),
      'absolute': (
        'white': $color-text-absolute-white,
        'black': $color-text-absolute-black
      ),
      'inverse': $color-text-inverse
    ),
    'icon': (
      'action': $color-icon-action,
      'success': $color-icon-success,
      'highlight': $color-icon-highlight,
      'warning': $color-icon-warning,
      'critical': $color-icon-critical,
      'neutral': (
        'normal': $color-icon-neutral,
        'heavy': $color-icon-neutral-heavy,
        'heavier': $color-icon-neutral-heavier
      ),
      'accent': (
        'blue': $color-icon-accent-blue,
        'cobalt': $color-icon-accent-cobalt,
        'green': $color-icon-accent-green,
        'red': $color-icon-accent-red,
        'orange': $color-icon-accent-orange,
        'yellow': $color-icon-accent-yellow,
        'olive': $color-icon-accent-olive,
        'teal': $color-icon-accent-teal,
        'navy': $color-icon-accent-navy,
        'purple': $color-icon-accent-purple,
        'pink': $color-icon-accent-pink
      ),
      'absolute': (
        'white': $color-icon-absolute-white,
        'black': $color-icon-absolute-black
      ),
      'inverse': (
        'heavier': $color-icon-inverse-heavier
      )
    ),
    'fill': (
      'neutral': (
        'normal': $color-fill-neutral,
        'heaviest': $color-fill-neutral-heaviest,
        'heavier': $color-fill-neutral-heavier,
        'heavy': $color-fill-neutral-heavy,
        'light': $color-fill-neutral-light,
        'lighter': $color-fill-neutral-lighter,
        'lightest': $color-fill-neutral-lightest,
        'transparent': $color-fill-neutral-transparent
      ),
      'action': (
        'normal': $color-fill-action,
        'light': $color-fill-action-light,
        'lighter': $color-fill-action-lighter,
        'transparent': $color-fill-action-transparent
      ),
      'success': (
        'normal': $color-fill-success,
        'light': $color-fill-success-light,
        'lighter': $color-fill-success-lighter,
        'transparent': $color-fill-success-transparent
      ),
      'highlight': (
        'normal': $color-fill-highlight,
        'light': $color-fill-highlight-light,
        'lighter': $color-fill-highlight-lighter,
        'transparent': $color-fill-highlight-transparent
      ),
      'warning': (
        'normal': $color-fill-warning,
        'light': $color-fill-warning-light,
        'lighter': $color-fill-warning-lighter,
        'transparent': $color-fill-warning-transparent
      ),
      'critical': (
        'normal': $color-fill-critical,
        'light': $color-fill-critical-light,
        'lighter': $color-fill-critical-lighter,
        'transparent': $color-fill-critical-transparent
      ),
      'grey': (
        'light': $color-fill-grey-light,
        'normal': $color-fill-grey,
        'heavy': $color-fill-grey-heavy,
        'heavier': $color-fill-grey-heavier
      ),
      'accent': (
        'blue': (
          'normal': $color-fill-accent-blue,
          'heavy': $color-fill-accent-blue-heavy,
          'heavier': $color-fill-accent-blue-heavier,
          'transparent': $color-fill-accent-blue-transparent
        ),
        'cobalt': (
          'normal': $color-fill-accent-cobalt,
          'heavy': $color-fill-accent-cobalt-heavy,
          'heavier': $color-fill-accent-cobalt-heavier,
          'transparent': $color-fill-accent-cobalt-transparent
        ),
        'green': (
          'normal': $color-fill-accent-green,
          'heavy': $color-fill-accent-green-heavy,
          'heavier': $color-fill-accent-green-heavier,
          'transparent': $color-fill-accent-green-transparent
        ),
        'red': (
          'normal': $color-fill-accent-red,
          'heavy': $color-fill-accent-red-heavy,
          'heavier': $color-fill-accent-red-heavier,
          'transparent': $color-fill-accent-red-transparent
        ),
        'orange': (
          'normal': $color-fill-accent-orange,
          'heavy': $color-fill-accent-orange-heavy,
          'heavier': $color-fill-accent-orange-heavier,
          'transparent': $color-fill-accent-orange-transparent
        ),
        'yellow': (
          'normal': $color-fill-accent-yellow,
          'heavy': $color-fill-accent-yellow-heavy,
          'heavier': $color-fill-accent-yellow-heavier,
          'transparent': $color-fill-accent-yellow-transparent
        ),
        'olive': (
          'normal': $color-fill-accent-olive,
          'heavy': $color-fill-accent-olive-heavy,
          'heavier': $color-fill-accent-olive-heavier,
          'transparent': $color-fill-accent-olive-transparent
        ),
        'teal': (
          'normal': $color-fill-accent-teal,
          'heavy': $color-fill-accent-teal-heavy,
          'heavier': $color-fill-accent-teal-heavier,
          'transparent': $color-fill-accent-teal-transparent
        ),
        'navy': (
          'normal': $color-fill-accent-navy,
          'heavy': $color-fill-accent-navy-heavy,
          'heavier': $color-fill-accent-navy-heavier,
          'transparent': $color-fill-accent-navy-transparent
        ),
        'purple': (
          'normal': $color-fill-accent-purple,
          'heavy': $color-fill-accent-purple-heavy,
          'heavier': $color-fill-accent-purple-heavier,
          'transparent': $color-fill-accent-purple-transparent
        ),
        'pink': (
          'normal': $color-fill-accent-pink,
          'heavy': $color-fill-accent-pink-heavy,
          'heavier': $color-fill-accent-pink-heavier,
          'transparent': $color-fill-accent-pink-transparent
        )
      ),
      'absolute': (
        'white': (
          'normal': $color-fill-absolute-white,
          'light': $color-fill-absolute-white-light,
          'transparent': $color-fill-absolute-white-transparent
        ),
        'black': (
          'normal': $color-fill-absolute-black,
          'light': $color-fill-absolute-black-light,
          'transparent': $color-fill-absolute-black-transparent
        )
      ),
      'bright': $color-fill-bright
    ),
    'border': (
      'neutral': (
        'normal': $color-border-neutral,
        'heavy': $color-border-neutral-heavy,
        'heavier': $color-border-neutral-heavier
      ),
      'detach': (
        'normal': $color-border-detach,
        'highest': $color-border-detach-highest,
        'higher': $color-border-detach-higher,
        'high': $color-border-detach-high,
        'low': $color-border-detach-low
      ),
      'absolute': (
        'white': $color-border-absolute-white
      )
    ),
    'surface': (
      'normal': $color-surface,
      'highest': $color-surface-highest,
      'higher': $color-surface-higher,
      'high': $color-surface-high,
      'low': $color-surface-low,
      'glass': (
        'normal': $color-surface-glass,
        'highest': $color-surface-glass-highest,
        'higher': $color-surface-glass-higher,
        'high': $color-surface-glass-high
      )
    ),
    'dim': (
      'absolute': (
        'black': (
          'normal': $color-dim-absolute-black,
          'heavy': $color-dim-absolute-black-heavy
        ),
        'white': (
          'normal': $color-dim-absolute-white,
          'heavy': $color-dim-absolute-white-heavy
        )
      )
    ),
    'gradient': (
      'green': (
        'normal': $color-gradient-green,
        'heavy': $color-gradient-green-heavy
      )
    ),
    'state': (
      'default': $color-state-default,
      'action': (
        'normal': $color-state-action,
        'light': $color-state-action-light
      ),
      'warning': (
        'normal': $color-state-warning,
        'light': $color-state-warning-light
      )
    ),
    'elevation': (
      'xlarge': $color-elevation-xlarge,
      'large': $color-elevation-large,
      'medium': $color-elevation-medium,
      'small': $color-elevation-small,
      'base': $color-elevation-base,
      'base-inner': $color-elevation-base-inner
    ),
    'chart': (
      'theme': (
        'default': (
          '10': $color-chart-theme-default-10,
          '01': $color-chart-theme-default-01,
          '02': $color-chart-theme-default-02,
          '03': $color-chart-theme-default-03,
          '04': $color-chart-theme-default-04,
          '05': $color-chart-theme-default-05,
          '06': $color-chart-theme-default-06,
          '07': $color-chart-theme-default-07,
          '08': $color-chart-theme-default-08,
          '09': $color-chart-theme-default-09
        )
      )
    )
  )
);