$css-variables: (
  '--ids-color-palette-amber-10': #FEF2E5,
  '--ids-color-palette-amber-20': #FDDFBD,
  '--ids-color-palette-amber-30': #FCC888,
  '--ids-color-palette-amber-40': #FBAF50,
  '--ids-color-palette-amber-50': #FA9601,
  '--ids-color-palette-amber-60': #F98300,
  '--ids-color-palette-amber-70': #DF6F00,
  '--ids-color-palette-amber-80': #CD6200,
  '--ids-color-palette-amber-90': #BB5500,
  '--ids-color-palette-amber-100': #A14100,
  '--ids-color-palette-amethyst-10': #F1EBFC,
  '--ids-color-palette-amethyst-20': #DDCBF7,
  '--ids-color-palette-amethyst-30': #C2A1F1,
  '--ids-color-palette-amethyst-40': #A876EB,
  '--ids-color-palette-amethyst-50': #8D4BE5,
  '--ids-color-palette-amethyst-60': #7928E1,
  '--ids-color-palette-amethyst-70': #6C23C9,
  '--ids-color-palette-amethyst-80': #591DA8,
  '--ids-color-palette-amethyst-90': #4E1A91,
  '--ids-color-palette-amethyst-100': #3B1470,
  '--ids-color-palette-azure-10': #E6F1FD,
  '--ids-color-palette-azure-20': #BEDCFA,
  '--ids-color-palette-azure-30': #8ABFF7,
  '--ids-color-palette-azure-40': #55A3F3,
  '--ids-color-palette-azure-50': #1C86EF,
  '--ids-color-palette-azure-60': #0072ED,
  '--ids-color-palette-azure-70': #0066D4,
  '--ids-color-palette-azure-80': #0054B1,
  '--ids-color-palette-azure-90': #004A99,
  '--ids-color-palette-azure-100': #003876,
  '--ids-color-palette-emerald-10': #EBF9F1,
  '--ids-color-palette-emerald-20': #CBEFDC,
  '--ids-color-palette-emerald-30': #A1E4BF,
  '--ids-color-palette-emerald-40': #78D8A3,
  '--ids-color-palette-emerald-50': #4DCC86,
  '--ids-color-palette-emerald-60': #2AC371,
  '--ids-color-palette-emerald-70': #25AF65,
  '--ids-color-palette-emerald-80': #1F9254,
  '--ids-color-palette-emerald-90': #1C7F49,
  '--ids-color-palette-emerald-100': #156138,
  '--ids-color-palette-graphite-10': #EEEEEE,
  '--ids-color-palette-graphite-20': #D3D3D3,
  '--ids-color-palette-graphite-30': #B1B1B1,
  '--ids-color-palette-graphite-40': #8F8F8F,
  '--ids-color-palette-graphite-50': #6C6C6C,
  '--ids-color-palette-graphite-60': #535353,
  '--ids-color-palette-graphite-70': #4A4A4A,
  '--ids-color-palette-graphite-80': #3E3E3E,
  '--ids-color-palette-graphite-90': #363636,
  '--ids-color-palette-graphite-100': #292929,
  '--ids-color-palette-ruby-10': #FBE7E8,
  '--ids-color-palette-ruby-20': #F5C3C4,
  '--ids-color-palette-ruby-30': #EE9496,
  '--ids-color-palette-ruby-40': #E66467,
  '--ids-color-palette-ruby-50': #DF3539,
  '--ids-color-palette-ruby-60': #DA1217,
  '--ids-color-palette-ruby-70': #C31014,
  '--ids-color-palette-ruby-80': #A30D11,
  '--ids-color-palette-ruby-90': #8D0B0E,
  '--ids-color-palette-ruby-100': #6C080B,
  '--ids-color-palette-slate-10': #F5F5F5,
  '--ids-color-palette-slate-20': #E0E0E1,
  '--ids-color-palette-slate-30': #C5C5C9,
  '--ids-color-palette-slate-40': #BBBBBF,
  '--ids-color-palette-slate-50': #8E8E95,
  '--ids-color-palette-slate-60': #6F6F76,
  '--ids-color-palette-slate-70': #525257,
  '--ids-color-palette-slate-80': #3B3B3F,
  '--ids-color-palette-slate-90': #28282A,
  '--ids-color-palette-slate-100': #161618,
  '--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': #ECF8F8,
  '--ids-color-palette-turquoise-20': #CFEEEE,
  '--ids-color-palette-turquoise-30': #A8E1E1,
  '--ids-color-palette-turquoise-40': #82D4D4,
  '--ids-color-palette-turquoise-50': #5CC6C7,
  '--ids-color-palette-turquoise-60': #40BDBE,
  '--ids-color-palette-turquoise-70': #39A9AA,
  '--ids-color-palette-turquoise-80': #2F8D8E,
  '--ids-color-palette-turquoise-90': #297B7B,
  '--ids-color-palette-turquoise-100': #1F5E5E,
  '--ids-color-palette-white': #ffffff,
  '--ids-color-palette-black': #000000,
  '--ids-color-status-base': #0066D4,
  '--ids-color-status-caution': #FFD100,
  '--ids-color-status-danger': #DA1217,
  '--ids-color-status-error': #DA1217,
  '--ids-color-status-success': #2AC371,
  '--ids-color-status-warning': #F98300,
  '--ids-color-status-info': #0064D4,
  '--ids-color-status-status-01': #DA1217,
  '--ids-color-status-status-02': #F98300,
  '--ids-color-status-status-03': #FFD100,
  '--ids-color-status-status-04': #2AC371,
  '--ids-color-status-status-05': #0064D4,
  '--ids-color-brand-primary-lighter': #55A3F3,
  '--ids-color-brand-primary-base': #0072ED,
  '--ids-color-brand-primary-alt': #0066D4,
  '--ids-color-brand-primary-contrast': #ffffff,
  '--ids-color-brand-secondary-lighter': #BBBBBF,
  '--ids-color-brand-secondary-base': #6F6F76,
  '--ids-color-brand-secondary-alt': #525257,
  '--ids-color-brand-secondary-contrast': #28282A,
  '--ids-color-boxshadow-base': #F5F5F5,
  '--ids-color-border-lighter': #6F6F76,
  '--ids-color-border-base': #3B3B3F,
  '--ids-color-border-darker': #28282A,
  '--ids-color-font-base': #161618,
  '--ids-color-font-info': #3B3B3F,
  '--ids-color-font-muted': #6F6F76,
  '--ids-color-icon-base': #3B3B3F,
  '--ids-color-body-base': #ffffff,
  '--ids-color-body-lightest': #ffffff,
  '--ids-font-family-base': "'source sans pro', helvetica, arial, sans-serif",
  '--ids-font-family-monospace': "'source code pro', monospace",
  '--ids-size-font-base': 16px,
  '--ids-size-font-xxs': 12px,
  '--ids-size-font-xs': 14px,
  '--ids-size-font-sm': 16px,
  '--ids-size-font-md': 22px,
  '--ids-size-font-lg': 28px,
  '--ids-size-font-xl': 42px,
  '--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': 600,
  '--ids-number-font-line-height-xs': 1.44,
  '--ids-number-font-line-height-sm': 1.5,
  '--ids-number-font-line-height-md': 1.45,
  '--ids-number-font-line-height-lg': 1.43,
  '--ids-number-font-line-height-xl': 1.33,
  '--ids-number-opacity-disabled': 0.5,
  '--ids-number-spacing-base': 8px,
  '--ids-number-border-radius-sm': 2px,
  '--ids-number-border-radius-md': 6px,
);