$reference: (
  'opacity-0': 0%,
  'opacity-25': 25%,
  'opacity-35': 35%,
  'opacity-40': 40%,
  'opacity-45': 45%,
  'opacity-50': 50%,
  'color-palette-neutral-1000': #000000,
  'color-palette-neutral-000': #ffffff,
  'color-palette-neutral-1000a00': #00000000,
  'color-palette-darkblue-100': #cbdee9,
  'color-palette-darkblue-200': #98bdd3,
  'color-palette-darkblue-300': #649cbd,
  'color-palette-darkblue-400': #2f7aa7,
  'color-palette-darkblue-500': #005a8f,
  'color-palette-darkblue-600': #004872,
  'color-palette-darkblue-700': #1c3f5e,
  'color-palette-darkblue-800': #1b2d3e,
  'color-palette-darkblue-900': #172635,
  'color-palette-darkblue-950': #080c11,
  'color-palette-brightblue-100': #daeeff,
  'color-palette-brightblue-200': #cee9fc,
  'color-palette-brightblue-300': #b7dcff,
  'color-palette-brightblue-400': #92cbff,
  'color-palette-brightblue-500': #4dacff,
  'color-palette-brightblue-600': #3a87cf,
  'color-palette-brightblue-700': #2b659b,
  'color-palette-brightblue-800': #1c3851,
  'color-palette-brightblue-850': #142435,
  'color-palette-brightblue-900': #101923,
  'color-palette-grey-100': #f5f6f9,
  'color-palette-grey-200': #eaeef4,
  'color-palette-grey-250': #e0e5eb,
  'color-palette-grey-300': #d4d8dd,
  'color-palette-grey-400': #bbc1c9,
  'color-palette-grey-500': #a4abb6,
  'color-palette-grey-600': #7b8089,
  'color-palette-grey-700': #51555b,
  'color-palette-grey-800': #3c3e42,
  'color-palette-grey-900': #292a2d,
  'color-palette-red-400': #ff5f60,
  'color-palette-red-500': #ff3838,
  'color-palette-red-600': #ff2a04,
  'color-palette-red-700': #c8102e,
  'color-palette-red-800': #8b1703,
  'color-palette-red-900': #661102,
  'color-palette-orange-400': #ffcc57,
  'color-palette-orange-500': #ffb302,
  'color-palette-orange-600': #ffaf3d,
  'color-palette-orange-700': #ff8c00,
  'color-palette-orange-800': #975f0e,
  'color-palette-orange-900': #664618,
  'color-palette-yellow-400': #fded61,
  'color-palette-yellow-500': #fce83a,
  'color-palette-yellow-600': #fad800,
  'color-palette-yellow-700': #c7ab00,
  'color-palette-yellow-800': #917d01,
  'color-palette-yellow-900': #645600,
  'color-palette-green-400': #99f666,
  'color-palette-green-500': #56f000,
  'color-palette-green-600': #00e200,
  'color-palette-green-700': #00ad23,
  'color-palette-green-800': #007a33,
  'color-palette-green-900': #005a00,
  'color-palette-cyan-400': #5ce2ff,
  'color-palette-cyan-500': #64d9ff,
  'color-palette-cyan-600': #2dccff,
  'color-palette-cyan-700': #20a9d5,
  'color-palette-cyan-800': #35798e,
  'color-palette-cyan-900': #285766,
  'color-palette-violet-800': #502b85,
  'color-palette-blue-800': #0033a0,
  'color-palette-teal-100': #d0f4f4,
  'color-palette-teal-200': #a1e9eb,
  'color-palette-teal-300': #70dde0,
  'color-palette-teal-400': #3ed2d6,
  'color-palette-teal-500': #00c7cb,
  'color-palette-teal-600': #009fa3,
  'color-palette-teal-700': #00777a,
  'color-palette-teal-800': #035051,
  'color-palette-teal-900': #032828,
  'color-palette-purple-100': #e4e2f7,
  'color-palette-purple-200': #c9c5ed,
  'color-palette-purple-300': #aea8e5,
  'color-palette-purple-400': #938bdb,
  'color-palette-purple-500': #786dd3,
  'color-palette-purple-600': #6058a8,
  'color-palette-purple-700': #48417f,
  'color-palette-purple-800': #302c54,
  'color-palette-purple-900': #18152b,
  'color-palette-pink-100': #edcef3,
  'color-palette-pink-200': #da9ce7,
  'color-palette-pink-300': #c76ada,
  'color-palette-pink-400': #b534ce,
  'color-palette-pink-500': #a200c1,
  'color-palette-pink-600': #81009a,
  'color-palette-pink-700': #610074,
  'color-palette-pink-800': #41004d,
  'color-palette-pink-900': #200227,
  'color-palette-hotorange-100': #f8ddd1,
  'color-palette-hotorange-200': #f0baa3,
  'color-palette-hotorange-300': #ea9875,
  'color-palette-hotorange-400': #e27545,
  'color-palette-hotorange-500': #da5309,
  'color-palette-hotorange-600': #af420a,
  'color-palette-hotorange-700': #833209,
  'color-palette-hotorange-800': #572108,
  'color-palette-hotorange-900': #2b1105,
  'border-width-none': 0,
  'border-width-xs': 1px,
  'border-width-sm': 2px,
  'border-width-lg': 4px,
  'radius-base': 3px,
  'radius-circle': 50%,
  'font-family-sans': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'line-height-2xs': 0.875rem,
  'line-height-xs': 1rem,
  'line-height-sm': 1.25rem,
  'line-height-base': 1.5rem,
  'line-height-lg': 1.75rem,
  'line-height-xl': 2rem,
  'line-height-2xl': 2.5rem,
  'line-height-3xl': 3.5rem,
  'line-height-4xl': 4.375rem,
  'font-weights-light': 300,
  'font-weights-regular': 400,
  'font-weights-medium': 500,
  'font-weights-bold': 700,
  'font-weight-light': 300,
  'font-weight-regular': 400,
  'font-weight-medium': 500,
  'font-weight-bold': 700,
  'font-size-xs': 0.75rem,
  'font-size-sm': 0.875rem,
  'font-size-base': 1rem,
  'font-size-lg': 1.125rem,
  'font-size-xl': 1.25rem,
  'font-size-2xl': 1.5rem,
  'font-size-3xl': 1.75rem,
  'font-size-4xl': 2.125rem,
  'font-size-5xl': 3rem,
  'font-size-6xl': 3.75rem,
  'letter-spacing-2xl': 0.005em,
  'letter-spacing-xl': 0.0025em,
  'letter-spacing-base': 0em,
  'letter-spacing-lg': 0.0015em,
  'letter-spacing-sm': -0.005em,
  'paragraph-spacing-0': 0,
  'spacing-0': 0rem,
  'spacing-1': 0.25rem,
  'spacing-2': 0.5rem,
  'spacing-3': 0.75rem,
  'spacing-4': 1rem,
  'spacing-6': 1.5rem,
  'spacing-8': 2rem,
  'spacing-10': 2.5rem,
  'spacing-12': 3rem,
  'spacing-14': 3.5rem,
  'spacing-16': 4rem,
  'spacing-20': 5rem,
  'spacing-24': 6rem,
  'spacing-025': 0.0625rem,
  'spacing-050': 0.125rem,
  'font-heading-1-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-heading-1-font-weight': 400,
  'font-heading-1-line-height': calc(40 / 34),
  'font-heading-1-font-size': 2.125rem,
  'font-heading-1-letter-spacing': 0.0025em,
  'font-heading-1-paragraph-spacing': 0,
  'font-heading-1-text-decoration': none,
  'font-heading-1-text-case': none,
  'font-heading-1-bold-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-heading-1-bold-font-weight': 700,
  'font-heading-1-bold-line-height': calc(40 / 34),
  'font-heading-1-bold-font-size': 2.125rem,
  'font-heading-1-bold-letter-spacing': 0.0025em,
  'font-heading-1-bold-paragraph-spacing': 0,
  'font-heading-1-bold-text-decoration': none,
  'font-heading-1-bold-text-case': none,
  'font-heading-2-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-heading-2-font-weight': 400,
  'font-heading-2-line-height': calc(28 / 24),
  'font-heading-2-font-size': 1.5rem,
  'font-heading-2-letter-spacing': 0em,
  'font-heading-2-paragraph-spacing': 0,
  'font-heading-2-text-decoration': none,
  'font-heading-2-text-case': none,
  'font-heading-3-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-heading-3-font-weight': 500,
  'font-heading-3-line-height': calc(24 / 20),
  'font-heading-3-font-size': 1.25rem,
  'font-heading-3-letter-spacing': 0.0015em,
  'font-heading-3-paragraph-spacing': 0,
  'font-heading-3-text-decoration': none,
  'font-heading-3-text-case': none,
  'font-heading-4-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-heading-4-font-weight': 300,
  'font-heading-4-line-height': calc(24 / 20),
  'font-heading-4-font-size': 1.25rem,
  'font-heading-4-letter-spacing': 0.0015em,
  'font-heading-4-paragraph-spacing': 0,
  'font-heading-4-text-decoration': none,
  'font-heading-4-text-case': none,
  'font-heading-5-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-heading-5-font-weight': 400,
  'font-heading-5-line-height': calc(24 / 18),
  'font-heading-5-font-size': 1.125rem,
  'font-heading-5-letter-spacing': 0em,
  'font-heading-5-paragraph-spacing': 0,
  'font-heading-5-text-decoration': none,
  'font-heading-5-text-case': none,
  'font-heading-6-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-heading-6-font-weight': 300,
  'font-heading-6-line-height': calc(24 / 18),
  'font-heading-6-font-size': 1.125rem,
  'font-heading-6-letter-spacing': 0em,
  'font-heading-6-paragraph-spacing': 0,
  'font-heading-6-text-decoration': none,
  'font-heading-6-text-case': none,
  'font-body-1-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-body-1-font-weight': 400,
  'font-body-1-line-height': calc(24 / 16),
  'font-body-1-font-size': 1rem,
  'font-body-1-letter-spacing': 0.005em,
  'font-body-1-paragraph-spacing': 0,
  'font-body-1-text-decoration': none,
  'font-body-1-text-case': none,
  'font-body-1-bold-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-body-1-bold-font-weight': 700,
  'font-body-1-bold-line-height': calc(24 / 16),
  'font-body-1-bold-font-size': 1rem,
  'font-body-1-bold-letter-spacing': 0.005em,
  'font-body-1-bold-paragraph-spacing': 0,
  'font-body-1-bold-text-decoration': none,
  'font-body-1-bold-text-case': none,
  'font-body-2-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-body-2-font-weight': 400,
  'font-body-2-line-height': calc(20 / 14),
  'font-body-2-font-size': 0.875rem,
  'font-body-2-letter-spacing': 0.005em,
  'font-body-2-paragraph-spacing': 0,
  'font-body-2-text-decoration': none,
  'font-body-2-text-case': none,
  'font-body-2-bold-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-body-2-bold-font-weight': 700,
  'font-body-2-bold-line-height': calc(20 / 14),
  'font-body-2-bold-font-size': 0.875rem,
  'font-body-2-bold-letter-spacing': 0.005em,
  'font-body-2-bold-paragraph-spacing': 0,
  'font-body-2-bold-text-decoration': none,
  'font-body-2-bold-text-case': none,
  'font-body-3-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-body-3-font-weight': 400,
  'font-body-3-line-height': calc(16 / 12),
  'font-body-3-font-size': 0.75rem,
  'font-body-3-letter-spacing': 0.005em,
  'font-body-3-paragraph-spacing': 0,
  'font-body-3-text-decoration': none,
  'font-body-3-text-case': none,
  'font-body-3-bold-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-body-3-bold-font-weight': 700,
  'font-body-3-bold-line-height': calc(16 / 12),
  'font-body-3-bold-font-size': 0.75rem,
  'font-body-3-bold-letter-spacing': 0.005em,
  'font-body-3-bold-paragraph-spacing': 0,
  'font-body-3-bold-text-decoration': none,
  'font-body-3-bold-text-case': none,
  'font-monospace-1-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-monospace-1-font-weight': 500,
  'font-monospace-1-line-height': calc(32 / 28),
  'font-monospace-1-font-size': 1.75rem,
  'font-monospace-1-letter-spacing': 0em,
  'font-monospace-1-paragraph-spacing': 0,
  'font-monospace-1-text-decoration': none,
  'font-monospace-1-text-case': none,
  'font-display-1-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-display-1-font-weight': 300,
  'font-display-1-line-height': calc(70 / 60),
  'font-display-1-font-size': 3.75rem,
  'font-display-1-letter-spacing': -0.005em,
  'font-display-1-paragraph-spacing': 0,
  'font-display-1-text-decoration': none,
  'font-display-1-text-case': none,
  'font-display-2-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-display-2-font-weight': 400,
  'font-display-2-line-height': calc(56 / 48),
  'font-display-2-font-size': 3rem,
  'font-display-2-letter-spacing': 0em,
  'font-display-2-paragraph-spacing': 0,
  'font-display-2-text-decoration': none,
  'font-display-2-text-case': none,
  'font-control-body-1-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-control-body-1-font-weight': 400,
  'font-control-body-1-line-height': calc(20 / 16),
  'font-control-body-1-font-size': 1rem,
  'font-control-body-1-letter-spacing': 0.005em,
  'font-control-body-1-paragraph-spacing': 0,
  'font-control-body-1-text-decoration': none,
  'font-control-body-1-text-case': none,
  'font-control-body-1-bold-font-family': 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif,
  'font-control-body-1-bold-font-weight': 700,
  'font-control-body-1-bold-line-height': calc(20 / 16),
  'font-control-body-1-bold-font-size': 1rem,
  'font-control-body-1-bold-letter-spacing': 0.005em,
  'font-control-body-1-bold-paragraph-spacing': 0,
  'font-control-body-1-bold-text-decoration': none,
  'font-control-body-1-bold-text-case': none
);