:root {
  --tds-opacity-50: 0.08;
  --tds-opacity-75: 0.12;
  --tds-opacity-100: 0.16;
  --tds-opacity-125: 0.18;
  --tds-opacity-150: 0.2;
  --tds-opacity-175: 0.24;
  --tds-opacity-200: 0.32;
  --tds-opacity-250: 0.36;
  --tds-opacity-300: 0.48;
  --tds-space-0: calc(16px * 0);
  --tds-space-50: calc(16px * 0.125);
  --tds-space-75: calc(16px * 0.25);
  --tds-space-100: calc(16px * 0.5);
  --tds-space-200: calc(16px * 0.75);
  --tds-space-300: 16px;
  --tds-space-350:calc(16px * 1.25) ;
  --tds-space-400:calc(16px * 1.5);
  --tds-space-500:calc( 16px * 2);
  --tds-space-600:calc( 16px * 2.5);
  --tds-space-700:calc( 16px * 3);
  --tds-space-800:calc( 16px * 4);
  --tds-default-value-rem: 16px;
  --tds-space-900:calc(var(--tds-default-value-rem) * 5);
  --tds-space-1000:calc(16px * 6);
  --tds-border-radius-100:calc( 16px * 0.125);
  --tds-border-radius-200:calc( 16px * 0.25);
  --tds-border-radius-300:calc( 16px * 0.5);
  --tds-border-radius-400:calc( 16px * 0.75);
  --tds-border-radius-500: 16px;
  --tds-border-radius-600:calc( 16px * 1.25);
  --tds-border-radius-700:calc( 16px * 1.5);
  --tds-border-radius-800:calc( 16px * 1.75);
  --tds-border-radius-900:calc( 16px * 2);
  --tds-border-radius-full: 9999px;
  --tds-font-size-10: 10px;
  --tds-font-size-25: 11px;
  --tds-font-size-50: 12px;
  --tds-font-size-75: 14px;
  --tds-font-size-100: 16px;
  --tds-font-size-150: 18px;
  --tds-font-size-200: 20px;
  --tds-font-size-300: 24px;
  --tds-font-size-400: 32px;
  --tds-font-size-500: 40px;
  --tds-font-size-600: 48px;
  --tds-font-size-700: 56px;
  --tds-font-size-800: 64px;
  --tds-font-size-900: 72px;
  --tds-font-size-1000: 80px;
  --tds-font-size-1100: 96px;
  --tds-line-height-auto: Auto;
  --tds-line-height-reset: 100%;
  --tds-line-height-xsm: 110%;
  --tds-line-height-sm: 125%;
  --tds-line-height-md: 150%;
  --tds-line-height-lg: 170%;
  --tds-line-height-xlg: 200%;
  --tds-size-0: calc(16px * 0);
  --tds-size-25: calc(16px * 0.125);
  --tds-size-50: calc(16px * 0.25);
  --tds-size-75: calc(16px * 0.5);
  --tds-size-100: calc(16px * 0.75);
  --tds-size-150: 16px;
  --tds-size-200: calc(16px * 1.125);
  --tds-size-250: calc(16px * 1.25);
  --tds-size-300: calc(16px * 1.5);
  --tds-size-400: calc(16px * 2);
  --tds-size-500: calc(16px * 2.5);
  --tds-size-600: calc(16px * 3);
  --tds-size-700: calc(16px * 3.5);
  --tds-size-800: calc(16px * 4);
  --tds-size-900: calc(16px * 5);
  --tds-size-1000: calc(16px * 6);
  --tds-size-1100: calc(16px * 7);
  --tds-size-1200: calc(16px * 8);
  --tds-size-1300: calc(16px * 9);
  --tds-size-1400: calc(16px * 10);
  --tds-size-1600: calc(16px * 11);
  --tds-size-1700: calc(16px * 12);
  --tds-size-1800: calc(16px * 13);
  --tds-size-1900: calc(16px * 14);
  --tds-size-2000: calc(16px * 15);
  --tds-size-2100: calc(16px * 16);
  --tds-font-family-brand: "Montserrat";
  --tds-font-family-primary: "Geologica";
  --tds-font-family-code: "Source Code Pro";
  --tds-font-family-alternative: "Arial";
  --tds-font-weight-regular: Regular;
  --tds-font-weight-medium: Medium;
  --tds-font-weight-bold: Bold;
  --tds-text-decoration-none: none;
  --tds-text-decoration-underline: underline;
  --tds-letter-spacing-default: 0%;
  --tds-letter-spacing-narrow: -2%;
  --tds-letter-spacing-high: 10%;
  --tds-text-case-none: none;
  --tds-text-case-upper: uppercase;
}