$color-map: (
  'b0' : var(--color-brand1-1, #f0f7ff),
  'b10': var(--color-brand1-2, #cae3fd),
  'b20': var(--color-brand1-3, #90c0ef),
  'b30': var(--color-brand1-4, #589ad8),
  'b40': var(--color-brand1-5, #2a7dd1),
  'b50': var(--color-brand1-6, #0064c8),
  'b60': var(--color-brand1-7, #0057ad),
  'b70': var(--color-brand1-8, #003e7c),
  'b80': #003263,
  'b90': #002953,

  'g0' : var(--color-fill1-2, #f7f7f7),
  'g10': var(--color-line1-1, #eaeaea),
  'g20': var(--color-line1-2, #d9d9d9),
  'g30': var(--color-line1-3, #ccc),
  'g40': var(--color-line1-5, #ababab),
  'g50': var(--color-fill1-6, #848484),
  'g60': var(--color-text1-2, #5a5a5a),
  'g70': var(--color-text1-3, #333333),
  'g80': var(--color-text1-5, #292929),
  'g90': var(--color-text1-4, #1a1a1a),

  'r0' : var(--color-error-1, #fff1f0),
  'r10': var(--color-error-2, #fcceca),
  'r20': var(--color-error-3, #f7aaa3),
  'r30': var(--color-error-7, #f2887e),
  'r40': var(--color-error-4, #ed675a),
  'r50': var(--color-error-5, #e84738),
  'r60': var(--color-error-6, #c43123),
  'r70': #A11F13,
  'r80': #7D1207,
  'r90': #520700,

  'gn0': var(--color-success-1, #f0fff7),
  'gn10': var(--color-success-2, #cdf8e1),
  'gn20': var(--color-success-3, #90deb5),
  'gn30': var(--color-success-7, #67cf98),
  'gn40': var(--color-success-4, #43bf7d),
  'gn50': var(--color-success-5, #22b066),
  'gn60': var(--color-success-6, #159953),
  'gn70': #098243,
  'gn80': #026B34,
  'gn90': #005420,

  'o0' : var(--color-warning-1, #fff8f0),
  'o10': var(--color-warning-2, #ffe0bf),
  'o20': var(--color-warning-3, #ffcd96),
  'o30': var(--color-warning-7, #ffb96e),
  'o40': var(--color-warning-4, #ffa544),
  'o50': var(--color-warning-5, #f98e1a),
  'o60': var(--color-warning-6, #cf7412),
  'o70': #A35A0A,
  'o80': #774106,
  'o90': #522A00,

  'y0' : var(--color-help-1, #fffcf0),
  'y10': var(--color-help-2, #fff5c2),
  'y20': var(--color-help-3, #ffee96),
  'y30': var(--color-help-7, #ffe66b),
  'y40': var(--color-help-4, #ffdf40),
  'y50': var(--color-help-5, #fad414),
  'y60': var(--color-help-6, #d1b10d),
  'y70': #A88E07,
  'y80': #796702,
  'y90': #524400,

  'p0' : var(--color-mention-1, #f0f0ff),
  'p10': var(--color-mention-2, #c9cbf5),
  'p20': var(--color-mention-3, #afb2f0),
  'p30': var(--color-mention-4, #969aeb),
  'p40': var(--color-mention-5, #7e83e6),
  'p50': var(--color-mention-6, #666ce0),
  'p60': var(--color-mention-7, #4046bd),
  'p70': var(--color-mention-8, #232999),
  'p80': var(--color-mention-9, #0e1375),
  'p90': var(--color-mention-10, #000452),

  'white': var(--color-white, #fff),
  'blue': var(--color-notice-5),
  'green': var(--color-success-5),
  'orange':  var(--color-warning-5),
  'red':  var(--color-error-5),
  'yellow':  var(--color-help-5),
  'purple':  var(--color-mention-5),
  'black':  var(--color-black, #000),
  'transparent':  transparent,
);

@each $key, $value in $color-map {
  .teamix-pro-color-#{$key} {
    color: $value;
  }
  .teamix-pro-background-color-#{$key} {
    background-color: $value;
  }
  .teamix-pro-border-color-#{$key} {
    border-color: $value;
  }
}