<?xml version="1.0" encoding="UTF-8"?>
<!--
  Do not edit directly
  Generated on Mon Sep 16 2024 16:14:34 GMT+0000 (Coordinated Universal Time)
-->
<tokens>
  <token>
    <name>ids-color-palette-amber-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#fbe9bf</value>
  </token>
  <token>
    <name>ids-color-palette-amber-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#f8e09c</value>
  </token>
  <token>
    <name>ids-color-palette-amber-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#f7d475</value>
  </token>
  <token>
    <name>ids-color-palette-amber-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#f4c951</value>
  </token>
  <token>
    <name>ids-color-palette-amber-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#f2bc41</value>
  </token>
  <token>
    <name>ids-color-palette-amber-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#efa836</value>
  </token>
  <token>
    <name>ids-color-palette-amber-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#ee9a36</value>
  </token>
  <token>
    <name>ids-color-palette-amber-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#e4882b</value>
  </token>
  <token>
    <name>ids-color-palette-amber-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#db7726</value>
  </token>
  <token>
    <name>ids-color-palette-amber-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#d66221</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#ede3fc</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#daccec</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#c7b4db</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#b59eca</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#a38db7</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#9279a6</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#806594</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#6e5282</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#5d3e70</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#4b2a5e</value>
  </token>
  <token>
    <name>ids-color-palette-azure-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#c8e9f4</value>
  </token>
  <token>
    <name>ids-color-palette-azure-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#addbeb</value>
  </token>
  <token>
    <name>ids-color-palette-azure-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#8dc9e6</value>
  </token>
  <token>
    <name>ids-color-palette-azure-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#69b5dd</value>
  </token>
  <token>
    <name>ids-color-palette-azure-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#54a1d3</value>
  </token>
  <token>
    <name>ids-color-palette-azure-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#368ac0</value>
  </token>
  <token>
    <name>ids-color-palette-azure-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#2578a9</value>
  </token>
  <token>
    <name>ids-color-palette-azure-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#1d5f8a</value>
  </token>
  <token>
    <name>ids-color-palette-azure-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#134d71</value>
  </token>
  <token>
    <name>ids-color-palette-azure-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#133c59</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#d5f6c0</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#c3e8ac</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#afdc91</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#9cce7c</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#89bf65</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#76b051</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#66a140</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#56932e</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#488421</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#397514</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#f0f0f0</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#d8d8d8</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#bdbdbd</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#999999</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#737373</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#5c5c5c</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#454545</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#383838</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#292929</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#1a1a1a</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#f6caca</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#eb9d9d</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#de8181</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#d26d6d</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#c65f5f</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#b94e4a</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#ad4242</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#a13030</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#941e1e</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#880e0e</value>
  </token>
  <token>
    <name>ids-color-palette-slate-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#DEE1E8</value>
  </token>
  <token>
    <name>ids-color-palette-slate-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#C8CBD4</value>
  </token>
  <token>
    <name>ids-color-palette-slate-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>ids-color-palette-slate-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>ids-color-palette-slate-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>ids-color-palette-slate-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>ids-color-palette-slate-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#414247</value>
  </token>
  <token>
    <name>ids-color-palette-slate-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#313236</value>
  </token>
  <token>
    <name>ids-color-palette-slate-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#212224</value>
  </token>
  <token>
    <name>ids-color-palette-slate-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#1C1819</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#DEE1E8</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#C8CBD4</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#414247</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#313236</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#212224</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#1C1819</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#c0ede3</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#a9e1d6</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#8ed1c6</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#7cc0b5</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#69ada3</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#579e95</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#448d83</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#317c73</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#206b62</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#0e5b52</value>
  </token>
  <token>
    <name>ids-color-palette-white</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>ids-color-palette-black</name>
    <category>ids</category>
    <type>color</type>
    <value>#000000</value>
  </token>
  <token>
    <name>ids-color-status-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#2578a9</value>
  </token>
  <token>
    <name>ids-color-status-caution</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffd726</value>
  </token>
  <token>
    <name>ids-color-status-danger</name>
    <category>ids</category>
    <type>color</type>
    <value>#e84f4f</value>
  </token>
  <token>
    <name>ids-color-status-error</name>
    <category>ids</category>
    <type>color</type>
    <value>#e84f4f</value>
  </token>
  <token>
    <name>ids-color-status-success</name>
    <category>ids</category>
    <type>color</type>
    <value>#80ce4d</value>
  </token>
  <token>
    <name>ids-color-status-warning</name>
    <category>ids</category>
    <type>color</type>
    <value>#ff9426</value>
  </token>
  <token>
    <name>ids-color-status-info</name>
    <category>ids</category>
    <type>color</type>
    <value>#2578a9</value>
  </token>
  <token>
    <name>ids-color-status-status-01</name>
    <category>ids</category>
    <type>color</type>
    <value>#e84f4f</value>
  </token>
  <token>
    <name>ids-color-status-status-02</name>
    <category>ids</category>
    <type>color</type>
    <value>#e84f4f</value>
  </token>
  <token>
    <name>ids-color-status-status-03</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffd726</value>
  </token>
  <token>
    <name>ids-color-status-status-04</name>
    <category>ids</category>
    <type>color</type>
    <value>#80ce4d</value>
  </token>
  <token>
    <name>ids-color-status-status-05</name>
    <category>ids</category>
    <type>color</type>
    <value>#2578a9</value>
  </token>
  <token>
    <name>ids-color-brand-primary-lighter</name>
    <category>ids</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>ids-color-brand-primary-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>ids-color-brand-primary-alt</name>
    <category>ids</category>
    <type>color</type>
    <value>#2578a9</value>
  </token>
  <token>
    <name>ids-color-brand-primary-contrast</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>ids-color-brand-secondary-lighter</name>
    <category>ids</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>ids-color-brand-secondary-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>ids-color-brand-secondary-alt</name>
    <category>ids</category>
    <type>color</type>
    <value>#414247</value>
  </token>
  <token>
    <name>ids-color-brand-secondary-contrast</name>
    <category>ids</category>
    <type>color</type>
    <value>#212224</value>
  </token>
  <token>
    <name>ids-color-boxshadow-base</name>
    <category>ids</category>
    <type>color</type>
    <value>rgba(0, 0, 0, 0.4)</value>
  </token>
  <token>
    <name>ids-color-border-lighter</name>
    <category>ids</category>
    <type>color</type>
    <value>#bdbdbd</value>
  </token>
  <token>
    <name>ids-color-border-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>ids-color-border-darker</name>
    <category>ids</category>
    <type>color</type>
    <value>#383838</value>
  </token>
  <token>
    <name>ids-color-font-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>ids-color-font-info</name>
    <category>ids</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>ids-color-font-muted</name>
    <category>ids</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>ids-color-icon-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#999999</value>
  </token>
  <token>
    <name>ids-color-body-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#f0f0f0</value>
  </token>
  <token>
    <name>ids-color-body-lightest</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>ids-font-family-base</name>
    <category>ids</category>
    <type>font</type>
    <value>helvetica, arial, sans-serif</value>
  </token>
  <token>
    <name>ids-font-family-monospace</name>
    <category>ids</category>
    <type>font</type>
    <value>monospace</value>
  </token>
  <token>
    <name>ids-size-font-base</name>
    <category>ids</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>ids-size-font-xxs</name>
    <category>ids</category>
    <type>size</type>
    <value>0.8rem</value>
  </token>
  <token>
    <name>ids-size-font-xs</name>
    <category>ids</category>
    <type>size</type>
    <value>1.0rem</value>
  </token>
  <token>
    <name>ids-size-font-sm</name>
    <category>ids</category>
    <type>size</type>
    <value>1.2rem</value>
  </token>
  <token>
    <name>ids-size-font-md</name>
    <category>ids</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>ids-size-font-lg</name>
    <category>ids</category>
    <type>size</type>
    <value>1.8rem</value>
  </token>
  <token>
    <name>ids-size-font-xl</name>
    <category>ids</category>
    <type>size</type>
    <value>2.4rem</value>
  </token>
  <token>
    <name>ids-size-font-px-10</name>
    <category>ids</category>
    <type>size</type>
    <value>1rem</value>
  </token>
  <token>
    <name>ids-size-font-px-12</name>
    <category>ids</category>
    <type>size</type>
    <value>1.2rem</value>
  </token>
  <token>
    <name>ids-size-font-px-14</name>
    <category>ids</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>ids-size-font-px-16</name>
    <category>ids</category>
    <type>size</type>
    <value>1.6rem</value>
  </token>
  <token>
    <name>ids-size-font-px-20</name>
    <category>ids</category>
    <type>size</type>
    <value>2.0rem</value>
  </token>
  <token>
    <name>ids-size-font-px-24</name>
    <category>ids</category>
    <type>size</type>
    <value>2.4rem</value>
  </token>
  <token>
    <name>ids-size-font-px-28</name>
    <category>ids</category>
    <type>size</type>
    <value>2.8rem</value>
  </token>
  <token>
    <name>ids-size-font-px-32</name>
    <category>ids</category>
    <type>size</type>
    <value>3.2rem</value>
  </token>
  <token>
    <name>ids-size-font-px-40</name>
    <category>ids</category>
    <type>size</type>
    <value>4.0rem</value>
  </token>
  <token>
    <name>ids-size-font-px-48</name>
    <category>ids</category>
    <type>size</type>
    <value>4.8rem</value>
  </token>
  <token>
    <name>ids-size-font-px-60</name>
    <category>ids</category>
    <type>size</type>
    <value>6.0rem</value>
  </token>
  <token>
    <name>ids-size-font-px-72</name>
    <category>ids</category>
    <type>size</type>
    <value>7.2rem</value>
  </token>
  <token>
    <name>ids-size-icon-height</name>
    <category>ids</category>
    <type>size</type>
    <value>17px</value>
  </token>
  <token>
    <name>ids-size-icon-width</name>
    <category>ids</category>
    <type>size</type>
    <value>22px</value>
  </token>
  <token>
    <name>ids-number-font-weight-light</name>
    <category>ids</category>
    <type>number</type>
    <value>300</value>
  </token>
  <token>
    <name>ids-number-font-weight-base</name>
    <category>ids</category>
    <type>number</type>
    <value>400</value>
  </token>
  <token>
    <name>ids-number-font-weight-bold</name>
    <category>ids</category>
    <type>number</type>
    <value>700</value>
  </token>
  <token>
    <name>ids-number-font-line-height-xs</name>
    <category>ids</category>
    <type>number</type>
    <value>2.2</value>
  </token>
  <token>
    <name>ids-number-font-line-height-sm</name>
    <category>ids</category>
    <type>number</type>
    <value>2.2</value>
  </token>
  <token>
    <name>ids-number-font-line-height-md</name>
    <category>ids</category>
    <type>number</type>
    <value>2.2</value>
  </token>
  <token>
    <name>ids-number-font-line-height-lg</name>
    <category>ids</category>
    <type>number</type>
    <value>2.2</value>
  </token>
  <token>
    <name>ids-number-font-line-height-xl</name>
    <category>ids</category>
    <type>number</type>
    <value>2.2</value>
  </token>
  <token>
    <name>ids-number-opacity-disabled</name>
    <category>ids</category>
    <type>number</type>
    <value>0.5</value>
  </token>
  <token>
    <name>ids-number-spacing-base</name>
    <category>ids</category>
    <type>number</type>
    <value>8px</value>
  </token>
  <token>
    <name>ids-number-border-radius-sm</name>
    <category>ids</category>
    <type>number</type>
    <value>2px</value>
  </token>
  <token>
    <name>ids-number-border-radius-md</name>
    <category>ids</category>
    <type>number</type>
    <value>3px</value>
  </token>
  <token>
    <name>body-color-primary-background</name>
    <category>body</category>
    <type>color</type>
    <value>#313236</value>
  </token>
  <token>
    <name>body-color-primary-font</name>
    <category>body</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>body-color-secondary-background</name>
    <category>body</category>
    <type>color</type>
    <value>#414247</value>
  </token>
  <token>
    <name>breakpoint-lg</name>
    <category>breakpoint</category>
    <type>lg</type>
    <value>1280px</value>
  </token>
  <token>
    <name>breakpoint-md</name>
    <category>breakpoint</category>
    <type>md</type>
    <value>840px</value>
  </token>
  <token>
    <name>breakpoint-sm</name>
    <category>breakpoint</category>
    <type>sm</type>
    <value>600px</value>
  </token>
  <token>
    <name>breakpoint-xl</name>
    <category>breakpoint</category>
    <type>xl</type>
    <value>1440px</value>
  </token>
  <token>
    <name>breakpoint-xs</name>
    <category>breakpoint</category>
    <type>xs</type>
    <value>360px</value>
  </token>
  <token>
    <name>button-color-primary-active-background</name>
    <category>button</category>
    <type>color</type>
    <value>#2578a9</value>
  </token>
  <token>
    <name>button-color-primary-disabled-background</name>
    <category>button</category>
    <type>color</type>
    <value>#134d71</value>
  </token>
  <token>
    <name>button-color-primary-disabled-border</name>
    <category>button</category>
    <type>color</type>
    <value>#134d71</value>
  </token>
  <token>
    <name>button-color-primary-disabled-font</name>
    <category>button</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>button-color-primary-disabled-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>button-color-primary-focus-background</name>
    <category>button</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>button-color-primary-focus-border</name>
    <category>button</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>button-color-primary-hover-background</name>
    <category>button</category>
    <type>color</type>
    <value>#1d5f8a</value>
  </token>
  <token>
    <name>button-color-primary-initial-background</name>
    <category>button</category>
    <type>color</type>
    <value>#368ac0</value>
  </token>
  <token>
    <name>button-color-primary-initial-font</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-primary-initial-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-secondary-active-background</name>
    <category>button</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>button-color-secondary-disabled-background</name>
    <category>button</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>button-color-secondary-disabled-border</name>
    <category>button</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>button-color-secondary-disabled-font</name>
    <category>button</category>
    <type>color</type>
    <value>#313236</value>
  </token>
  <token>
    <name>button-color-secondary-disabled-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#313236</value>
  </token>
  <token>
    <name>button-color-secondary-focus-background</name>
    <category>button</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>button-color-secondary-focus-border</name>
    <category>button</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>button-color-secondary-hover-background</name>
    <category>button</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>button-color-secondary-initial-background</name>
    <category>button</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>button-color-secondary-initial-font</name>
    <category>button</category>
    <type>color</type>
    <value>#1C1819</value>
  </token>
  <token>
    <name>button-color-secondary-initial-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#1C1819</value>
  </token>
  <token>
    <name>button-color-tertiary-active-font</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-tertiary-active-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-tertiary-disabled-font</name>
    <category>button</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>button-color-tertiary-disabled-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>button-color-tertiary-focus-font</name>
    <category>button</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>button-color-tertiary-hover-font</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-tertiary-initial-background</name>
    <category>button</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>button-color-tertiary-initial-font</name>
    <category>button</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>button-color-tertiary-initial-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#1C1819</value>
  </token>
  <token>
    <name>button-font-align</name>
    <category>button</category>
    <type>font</type>
    <value>center</value>
  </token>
  <token>
    <name>button-font-decoration</name>
    <category>button</category>
    <type>font</type>
    <value>none</value>
  </token>
  <token>
    <name>button-font-family</name>
    <category>button</category>
    <type>font</type>
    <value>helvetica, arial, sans-serif</value>
  </token>
  <token>
    <name>button-font-size</name>
    <category>button</category>
    <type>font</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>button-font-transform</name>
    <category>button</category>
    <type>font</type>
    <value>capitalize</value>
  </token>
  <token>
    <name>button-font-weight</name>
    <category>button</category>
    <type>font</type>
    <value>700</value>
  </token>
  <token>
    <name>button-shadow-focus-boxshadow</name>
    <category>button</category>
    <type>shadow</type>
    <value>0 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 3px #50535A</value>
  </token>
  <token>
    <name>button-size-border-radius</name>
    <category>button</category>
    <type>size</type>
    <value>2px</value>
  </token>
  <token>
    <name>button-size-border-width</name>
    <category>button</category>
    <type>size</type>
    <value>1px</value>
  </token>
  <token>
    <name>button-size-height</name>
    <category>button</category>
    <type>size</type>
    <value>34px</value>
  </token>
  <token>
    <name>button-size-font-line-height</name>
    <category>button</category>
    <type>size</type>
    <value>normal</value>
  </token>
  <token>
    <name>button-size-padding-x</name>
    <category>button</category>
    <type>size</type>
    <value>30px</value>
  </token>
  <token>
    <name>button-size-padding-y</name>
    <category>button</category>
    <type>size</type>
    <value>0</value>
  </token>
  <token>
    <name>button-size-regular-height</name>
    <category>button</category>
    <type>size</type>
    <value>34px</value>
  </token>
  <token>
    <name>button-size-compact-height</name>
    <category>button</category>
    <type>size</type>
    <value>25px</value>
  </token>
  <token>
    <name>checkbox-color-checked-disabled-arrow</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>checkbox-color-checked-disabled-background</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>checkbox-color-checked-disabled-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>checkbox-color-checked-disabled-font</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>checkbox-color-checked-initial-arrow</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>checkbox-color-checked-initial-background</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>checkbox-color-checked-initial-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-disabled-arrow</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-disabled-background</name>
    <category>checkbox</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-disabled-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-disabled-font</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-hover-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#C8CBD4</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-initial-background</name>
    <category>checkbox</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-initial-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-initial-font</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>checkbox-shadow-focus-boxshadow</name>
    <category>checkbox</category>
    <type>shadow</type>
    <value>0 0 0 1px #313236, 0 0 0 2px #50535A</value>
  </token>
  <token>
    <name>checkbox-size-border-radius</name>
    <category>checkbox</category>
    <type>size</type>
    <value>2px</value>
  </token>
  <token>
    <name>checkbox-size-box-height</name>
    <category>checkbox</category>
    <type>size</type>
    <value>17px</value>
  </token>
  <token>
    <name>checkbox-size-box-width</name>
    <category>checkbox</category>
    <type>size</type>
    <value>17px</value>
  </token>
  <token>
    <name>checkbox-size-check-height</name>
    <category>checkbox</category>
    <type>size</type>
    <value>11px</value>
  </token>
  <token>
    <name>checkbox-size-check-width</name>
    <category>checkbox</category>
    <type>size</type>
    <value>5px</value>
  </token>
  <token>
    <name>dropdown-color-initial-boxshadow-base</name>
    <category>dropdown</category>
    <type>color</type>
    <value>rgba(0, 0, 0, 0.4)</value>
  </token>
  <token>
    <name>dropdown-color-initial-font</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>dropdown-color-initial-icon</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>dropdown-color-selected-background</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>dropdown-color-selected-font</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>dropdown-shadow-initial-boxshadow</name>
    <category>dropdown</category>
    <type>shadow</type>
    <value>0 5px 5px rgba(0, 0, 0, 0.4)</value>
  </token>
  <token>
    <name>dropdown-size-border-radius</name>
    <category>dropdown</category>
    <type>size</type>
    <value>3px</value>
  </token>
  <token>
    <name>dropdown-size-border-width</name>
    <category>dropdown</category>
    <type>size</type>
    <value>1px</value>
  </token>
  <token>
    <name>dropdown-size-font</name>
    <category>dropdown</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>dropdown-size-height-max</name>
    <category>dropdown</category>
    <type>size</type>
    <value>300px</value>
  </token>
  <token>
    <name>dropdown-size-height-min</name>
    <category>dropdown</category>
    <type>size</type>
    <value>30px</value>
  </token>
  <token>
    <name>dropdown-size-regular-padding</name>
    <category>dropdown</category>
    <type>size</type>
    <value>8px 30px 8px 10px</value>
  </token>
  <token>
    <name>dropdown-size-compact-padding</name>
    <category>dropdown</category>
    <type>size</type>
    <value>5px 16px 5px 5px</value>
  </token>
  <token>
    <name>dropdown-size-padding</name>
    <category>dropdown</category>
    <type>size</type>
    <value>8px 30px 8px 10px</value>
  </token>
  <token>
    <name>form-size-field-regular-margin-bottom</name>
    <category>form</category>
    <type>size</type>
    <value>20px</value>
  </token>
  <token>
    <name>form-size-field-compact-margin-bottom</name>
    <category>form</category>
    <type>size</type>
    <value>12px</value>
  </token>
  <token>
    <name>header-color-primary-background</name>
    <category>header</category>
    <type>color</type>
    <value>#212224</value>
  </token>
  <token>
    <name>icon-color-fill</name>
    <category>icon</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>icon-size-height</name>
    <category>icon</category>
    <type>size</type>
    <value>17px</value>
  </token>
  <token>
    <name>icon-size-width</name>
    <category>icon</category>
    <type>size</type>
    <value>22px</value>
  </token>
  <token>
    <name>input-color-disabled-background</name>
    <category>input</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>input-color-disabled-border</name>
    <category>input</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>input-color-disabled-font</name>
    <category>input</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>input-color-focus-background</name>
    <category>input</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>input-color-focus-border</name>
    <category>input</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>input-color-focus-font</name>
    <category>input</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>input-color-hover-background</name>
    <category>input</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>input-color-hover-border</name>
    <category>input</category>
    <type>color</type>
    <value>#C8CBD4</value>
  </token>
  <token>
    <name>input-color-initial-background</name>
    <category>input</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>input-color-initial-border</name>
    <category>input</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>input-color-initial-font</name>
    <category>input</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>input-color-initial-label</name>
    <category>input</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>input-color-initial-placeholder</name>
    <category>input</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>input-color-readonly-background</name>
    <category>input</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>input-color-readonly-border</name>
    <category>input</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>input-color-readonly-font</name>
    <category>input</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>input-shadow-initial-boxshadow</name>
    <category>input</category>
    <type>shadow</type>
    <value>none</value>
  </token>
  <token>
    <name>input-size-border-radius</name>
    <category>input</category>
    <type>size</type>
    <value>2px</value>
  </token>
  <token>
    <name>input-size-border-width</name>
    <category>input</category>
    <type>size</type>
    <value>1px</value>
  </token>
  <token>
    <name>input-size-height</name>
    <category>input</category>
    <type>size</type>
    <value>3.4rem</value>
  </token>
  <token>
    <name>input-size-font-line-height</name>
    <category>input</category>
    <type>size</type>
    <value>16px</value>
  </token>
  <token>
    <name>input-size-regular-height</name>
    <category>input</category>
    <type>size</type>
    <value>3.4rem</value>
  </token>
  <token>
    <name>input-size-regular-padding</name>
    <category>input</category>
    <type>size</type>
    <value>0 10px</value>
  </token>
  <token>
    <name>input-size-regular-font-size</name>
    <category>input</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>input-size-compact-height</name>
    <category>input</category>
    <type>size</type>
    <value>2.6rem</value>
  </token>
  <token>
    <name>input-size-compact-padding</name>
    <category>input</category>
    <type>size</type>
    <value>0 5px</value>
  </token>
  <token>
    <name>input-size-compact-font-size</name>
    <category>input</category>
    <type>size</type>
    <value>1.2rem</value>
  </token>
  <token>
    <name>input-size-padding-x</name>
    <category>input</category>
    <type>size</type>
    <value>12px</value>
  </token>
  <token>
    <name>input-size-padding-y</name>
    <category>input</category>
    <type>size</type>
    <value>8px</value>
  </token>
  <token>
    <name>input-size-width-lg</name>
    <category>input</category>
    <type>size</type>
    <value>400px</value>
  </token>
  <token>
    <name>input-size-width-md</name>
    <category>input</category>
    <type>size</type>
    <value>300px</value>
  </token>
  <token>
    <name>input-size-width-sm</name>
    <category>input</category>
    <type>size</type>
    <value>150px</value>
  </token>
  <token>
    <name>input-size-width-xs</name>
    <category>input</category>
    <type>size</type>
    <value>75px</value>
  </token>
  <token>
    <name>label-color-initial-font</name>
    <category>label</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>label-size-regular-margin</name>
    <category>label</category>
    <type>size</type>
    <value>0 0 8px 0</value>
  </token>
  <token>
    <name>label-size-regular-font-size</name>
    <category>label</category>
    <type>size</type>
    <value>1.2rem</value>
  </token>
  <token>
    <name>label-size-compact-margin</name>
    <category>label</category>
    <type>size</type>
    <value>0 0 6px 0</value>
  </token>
  <token>
    <name>label-size-compact-font-size</name>
    <category>label</category>
    <type>size</type>
    <value>1.2rem</value>
  </token>
  <token>
    <name>link-color-disabled-font</name>
    <category>link</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>link-color-hover-font</name>
    <category>link</category>
    <type>color</type>
    <value>#69b5dd</value>
  </token>
  <token>
    <name>link-color-initial-font</name>
    <category>link</category>
    <type>color</type>
    <value>#69b5dd</value>
  </token>
  <token>
    <name>link-color-visited-font</name>
    <category>link</category>
    <type>color</type>
    <value>#9279a6</value>
  </token>
  <token>
    <name>link-font-initial-decoration</name>
    <category>link</category>
    <type>font</type>
    <value>underline</value>
  </token>
  <token>
    <name>list-color-divider-border</name>
    <category>list</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>list-color-item-hover-background</name>
    <category>list</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>list-color-item-initial-font</name>
    <category>list</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>list-color-item-selected-background</name>
    <category>list</category>
    <type>color</type>
    <value>#f0f0f0</value>
  </token>
  <token>
    <name>list-color-heading-initial-font</name>
    <category>list</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>notification-color-alert-initial-background</name>
    <category>notification</category>
    <type>color</type>
    <value>#d66221</value>
  </token>
  <token>
    <name>notification-color-alert-initial-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>notification-color-alert-hover-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>notification-color-error-initial-background</name>
    <category>notification</category>
    <type>color</type>
    <value>#880e0e</value>
  </token>
  <token>
    <name>notification-color-error-initial-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>notification-color-error-hover-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>notification-color-info-initial-background</name>
    <category>notification</category>
    <type>color</type>
    <value>#133c59</value>
  </token>
  <token>
    <name>notification-color-info-initial-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>notification-color-info-hover-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>notification-color-success-initial-background</name>
    <category>notification</category>
    <type>color</type>
    <value>#397514</value>
  </token>
  <token>
    <name>notification-color-success-initial-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>notification-color-success-hover-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>radio-color-checked-disabled-background</name>
    <category>radio</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>radio-color-checked-disabled-border</name>
    <category>radio</category>
    <type>color</type>
    <value>#64676f</value>
  </token>
  <token>
    <name>radio-color-checked-initial-background</name>
    <category>radio</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>radio-color-checked-initial-fill</name>
    <category>radio</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>radio-color-unchecked-disabled-background</name>
    <category>radio</category>
    <type>color</type>
    <value>#313236</value>
  </token>
  <token>
    <name>radio-color-unchecked-disabled-border</name>
    <category>radio</category>
    <type>color</type>
    <value>#64676f</value>
  </token>
  <token>
    <name>radio-color-unchecked-disabled-label</name>
    <category>radio</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>radio-color-unchecked-hover-border</name>
    <category>radio</category>
    <type>color</type>
    <value>#C8CBD4</value>
  </token>
  <token>
    <name>radio-color-unchecked-initial-background</name>
    <category>radio</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>radio-color-unchecked-initial-border</name>
    <category>radio</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>radio-color-unchecked-initial-label</name>
    <category>radio</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>radio-shadow-focus-boxshadow</name>
    <category>radio</category>
    <type>shadow</type>
    <value>0 0 0 1px #313236, 0 0 0 2px #50535A, 0 0 4px 5px rgba(255, 255, 255, 0.3)</value>
  </token>
  <token>
    <name>radio-size-border-radius</name>
    <category>radio</category>
    <type>size</type>
    <value>50%</value>
  </token>
  <token>
    <name>radio-size-inner-height</name>
    <category>radio</category>
    <type>size</type>
    <value>4px</value>
  </token>
  <token>
    <name>radio-size-inner-width</name>
    <category>radio</category>
    <type>size</type>
    <value>4px</value>
  </token>
  <token>
    <name>radio-size-outer-height</name>
    <category>radio</category>
    <type>size</type>
    <value>14px</value>
  </token>
  <token>
    <name>radio-size-outer-width</name>
    <category>radio</category>
    <type>size</type>
    <value>14px</value>
  </token>
  <token>
    <name>textarea-size-regular-height</name>
    <category>textarea</category>
    <type>size</type>
    <value>90px</value>
  </token>
  <token>
    <name>textarea-size-compact-height</name>
    <category>textarea</category>
    <type>size</type>
    <value>60px</value>
  </token>

</tokens>
