$css-variables: (
  '--ids-color-palette-amber-10': #fbe9bf,
  '--ids-color-palette-amber-20': #f8e09c,
  '--ids-color-palette-amber-30': #f7d475,
  '--ids-color-palette-amber-40': #f4c951,
  '--ids-color-palette-amber-50': #f2bc41,
  '--ids-color-palette-amber-60': #efa836,
  '--ids-color-palette-amber-70': #ee9a36,
  '--ids-color-palette-amber-80': #e4882b,
  '--ids-color-palette-amber-90': #db7726,
  '--ids-color-palette-amber-100': #d66221,
  '--ids-color-palette-amethyst-10': #ede3fc,
  '--ids-color-palette-amethyst-20': #daccec,
  '--ids-color-palette-amethyst-30': #c7b4db,
  '--ids-color-palette-amethyst-40': #b59eca,
  '--ids-color-palette-amethyst-50': #a38db7,
  '--ids-color-palette-amethyst-60': #9279a6,
  '--ids-color-palette-amethyst-70': #806594,
  '--ids-color-palette-amethyst-80': #6e5282,
  '--ids-color-palette-amethyst-90': #5d3e70,
  '--ids-color-palette-amethyst-100': #4b2a5e,
  '--ids-color-palette-azure-10': #c8e9f4,
  '--ids-color-palette-azure-20': #addbeb,
  '--ids-color-palette-azure-30': #8dc9e6,
  '--ids-color-palette-azure-40': #69b5dd,
  '--ids-color-palette-azure-50': #54a1d3,
  '--ids-color-palette-azure-60': #368ac0,
  '--ids-color-palette-azure-70': #2578a9,
  '--ids-color-palette-azure-80': #1d5f8a,
  '--ids-color-palette-azure-90': #134d71,
  '--ids-color-palette-azure-100': #133c59,
  '--ids-color-palette-emerald-10': #d5f6c0,
  '--ids-color-palette-emerald-20': #c3e8ac,
  '--ids-color-palette-emerald-30': #afdc91,
  '--ids-color-palette-emerald-40': #9cce7c,
  '--ids-color-palette-emerald-50': #89bf65,
  '--ids-color-palette-emerald-60': #76b051,
  '--ids-color-palette-emerald-70': #66a140,
  '--ids-color-palette-emerald-80': #56932e,
  '--ids-color-palette-emerald-90': #488421,
  '--ids-color-palette-emerald-100': #397514,
  '--ids-color-palette-graphite-10': #f0f0f0,
  '--ids-color-palette-graphite-20': #d8d8d8,
  '--ids-color-palette-graphite-30': #bdbdbd,
  '--ids-color-palette-graphite-40': #999999,
  '--ids-color-palette-graphite-50': #737373,
  '--ids-color-palette-graphite-60': #5c5c5c,
  '--ids-color-palette-graphite-70': #454545,
  '--ids-color-palette-graphite-80': #383838,
  '--ids-color-palette-graphite-90': #292929,
  '--ids-color-palette-graphite-100': #1a1a1a,
  '--ids-color-palette-ruby-10': #f6caca,
  '--ids-color-palette-ruby-20': #eb9d9d,
  '--ids-color-palette-ruby-30': #de8181,
  '--ids-color-palette-ruby-40': #d26d6d,
  '--ids-color-palette-ruby-50': #c65f5f,
  '--ids-color-palette-ruby-60': #b94e4a,
  '--ids-color-palette-ruby-70': #ad4242,
  '--ids-color-palette-ruby-80': #a13030,
  '--ids-color-palette-ruby-90': #941e1e,
  '--ids-color-palette-ruby-100': #880e0e,
  '--ids-color-palette-slate-10': #DEE1E8,
  '--ids-color-palette-slate-20': #C8CBD4,
  '--ids-color-palette-slate-30': #ABAEB7,
  '--ids-color-palette-slate-40': #888B94,
  '--ids-color-palette-slate-50': #656871,
  '--ids-color-palette-slate-60': #50535A,
  '--ids-color-palette-slate-70': #414247,
  '--ids-color-palette-slate-80': #313236,
  '--ids-color-palette-slate-90': #212224,
  '--ids-color-palette-slate-100': #1C1819,
  '--ids-color-palette-classic-slate-10': #DEE1E8,
  '--ids-color-palette-classic-slate-20': #C8CBD4,
  '--ids-color-palette-classic-slate-30': #ABAEB7,
  '--ids-color-palette-classic-slate-40': #888B94,
  '--ids-color-palette-classic-slate-50': #656871,
  '--ids-color-palette-classic-slate-60': #50535A,
  '--ids-color-palette-classic-slate-70': #414247,
  '--ids-color-palette-classic-slate-80': #313236,
  '--ids-color-palette-classic-slate-90': #212224,
  '--ids-color-palette-classic-slate-100': #1C1819,
  '--ids-color-palette-turquoise-10': #c0ede3,
  '--ids-color-palette-turquoise-20': #a9e1d6,
  '--ids-color-palette-turquoise-30': #8ed1c6,
  '--ids-color-palette-turquoise-40': #7cc0b5,
  '--ids-color-palette-turquoise-50': #69ada3,
  '--ids-color-palette-turquoise-60': #579e95,
  '--ids-color-palette-turquoise-70': #448d83,
  '--ids-color-palette-turquoise-80': #317c73,
  '--ids-color-palette-turquoise-90': #206b62,
  '--ids-color-palette-turquoise-100': #0e5b52,
  '--ids-color-palette-white': #ffffff,
  '--ids-color-palette-black': #000000,
  '--ids-color-status-base': #2578a9,
  '--ids-color-status-caution': #ffd726,
  '--ids-color-status-danger': #e84f4f,
  '--ids-color-status-error': #e84f4f,
  '--ids-color-status-success': #80ce4d,
  '--ids-color-status-warning': #ff9426,
  '--ids-color-status-info': #2578a9,
  '--ids-color-status-status-01': #e84f4f,
  '--ids-color-status-status-02': #e84f4f,
  '--ids-color-status-status-03': #ffd726,
  '--ids-color-status-status-04': #80ce4d,
  '--ids-color-status-status-05': #2578a9,
  '--ids-color-brand-primary-lighter': #69b5dd,
  '--ids-color-brand-primary-base': #368ac0,
  '--ids-color-brand-primary-alt': #2578a9,
  '--ids-color-brand-primary-contrast': #ffffff,
  '--ids-color-brand-secondary-lighter': #d8d8d8,
  '--ids-color-brand-secondary-base': #bdbdbd,
  '--ids-color-brand-secondary-alt': #999999,
  '--ids-color-brand-secondary-contrast': #383838,
  '--ids-color-boxshadow-base': rgba(0, 0, 0, 0.2);
  '--ids-color-border-lighter': #bdbdbd,
  '--ids-color-border-base': #999999,
  '--ids-color-border-darker': #383838,
  '--ids-color-font-base': #1a1a1a,
  '--ids-color-font-info': #5c5c5c,
  '--ids-color-font-muted': #999999,
  '--ids-color-icon-base': #999999,
  '--ids-color-body-base': #f0f0f0,
  '--ids-color-body-lightest': #ffffff,
  '--ids-font-family-base': helvetica, arial, sans-serif,
  '--ids-font-family-monospace': monospace,
  '--ids-size-font-base': 14px,
  '--ids-size-font-xxs': 08px,
  '--ids-size-font-xs': 10px,
  '--ids-size-font-sm': 12px,
  '--ids-size-font-md': 14px,
  '--ids-size-font-lg': 18px,
  '--ids-size-font-xl': 24px,
  '--ids-size-font-px-10': 1px,
  '--ids-size-font-px-12': 12px,
  '--ids-size-font-px-14': 14px,
  '--ids-size-font-px-16': 16px,
  '--ids-size-font-px-20': 20px,
  '--ids-size-font-px-24': 24px,
  '--ids-size-font-px-28': 28px,
  '--ids-size-font-px-32': 32px,
  '--ids-size-font-px-40': 40px,
  '--ids-size-font-px-48': 48px,
  '--ids-size-font-px-60': 60px,
  '--ids-size-font-px-72': 72px,
  '--ids-size-icon-height': 17px,
  '--ids-size-icon-width': 22px,
  '--ids-number-font-weight-light': 300,
  '--ids-number-font-weight-base': 400,
  '--ids-number-font-weight-bold': 700,
  '--ids-number-font-line-height-xs': 2.2,
  '--ids-number-font-line-height-sm': 2.2,
  '--ids-number-font-line-height-md': 2.2,
  '--ids-number-font-line-height-lg': 2.2,
  '--ids-number-font-line-height-xl': 2.2,
  '--ids-number-opacity-disabled': 0.5,
  '--ids-number-spacing-base': 8px,
  '--ids-number-border-radius-sm': 2px,
  '--ids-number-border-radius-md': 3px,
),