:root {
  --tsViewportInline: 34em;

  --tsCurveAccelerateMax: cubic-bezier(0.9, 0.1, 1, 0.2);
  --tsCurveAccelerateMid: cubic-bezier(1, 0, 1, 1);
  --tsCurveAccelerateMin: cubic-bezier(0.8, 0, 0.78, 1);
  --tsCurveDecelerateMax: cubic-bezier(0.1, 0.9, 0.2, 1);
  --tsCurveDecelerateMid: cubic-bezier(0, 0, 0, 1);
  --tsCurveDecelerateMin: cubic-bezier(0.33, 0, 0.1, 1);
  --tsCurveEasyEaseMax: cubic-bezier(0.8, 0, 0.2, 1);
  --tsCurveEasyEase: cubic-bezier(0.33, 0, 0.67, 1);
  --tsCurveLinear: cubic-bezier(0, 0, 1, 1);

  --tsDurationUltraFast: 50ms;
  --tsDurationFaster: 100ms;
  --tsDurationFast: 150ms;
  --tsDurationNormal: 200ms;
  --tsDurationGentle: 250ms;
  --tsDurationSlow: 300ms;
  --tsDurationSlower: 400ms;
  --tsDurationUltraSlow: 500ms;

  --tsCornerRadiusNone: 0px;
  --tsCornerRadiusXS: 2px;
  --tsCornerRadiusS: 4px;
  --tsCornerRadiusM: 6px;
  --tsCornerRadiusL: 8px;
  --tsCornerRadiusXL: 12px;
  --tsCornerRadius2XL: 16px;
  --tsCornerRadius3XL: 24px;
  --tsCornerRadius4XL: 40px;
  --tsCornerRadius5XL: 60px;
  --tsCornerRadiusPill: 999px;
  --tsCornerRadiusCircle: 50%;

  --tsFontFamilyBase: "Roboto Flex", sans-serif;

  --tsLineHeight100: normal;
  --tsLineHeight200: normal;
  --tsLineHeight300: normal;
  --tsLineHeight400: normal;
  --tsLineHeight500: normal;
  --tsLineHeight600: normal;
  --tsLineHeight700: normal;
  --tsLineHeight800: normal;
  --tsLineHeight900: normal;
  --tsLineHeight1000: normal;

  --tsFontSize100: 10px;
  --tsFontSize200: 12px;
  --tsFontSize300: 14px;
  --tsFontSize400: 16px;
  --tsFontSize500: 20px;
  --tsFontSize600: 24px;
  --tsFontSize700: 28px;
  --tsFontSize800: 32px;
  --tsFontSize900: 40px;
  --tsFontSize1000: 68px;

  --tsFontWeightRegular: 500;
  --tsFontWeightSemibold: 600;
  --tsFontWeightBold: 700;

  /* Spacing */
  --ts3T: 0.125rem; /*   2px */
  --ts2T: 0.25rem; /*"   4px */
  --tsT: 0.375rem; /*"   6px */
  --ts3XS: 0.5rem; /*    8px */
  --ts2XS: 0.625rem; /* 10px */
  --tsXS: 0.75rem; /*   12px */
  --tsS: 0.875rem; /*   14px */
  --tsM: 1rem; /*       16px */
  --tsL: 1.125rem; /*   18px */
  --tsXL: 1.25rem; /*   20px */
  --ts2XL: 1.5rem; /*   24px */
  --ts3XL: 1.75rem; /*  28px */
  --tsH: 2rem; /*       32px */
  --ts2H: 2.5rem; /*    40px */
  --ts3H: 3rem; /*      48px */

  /* Spacing Relative */
  --tsR3T: 0.125em; /*   2px */
  --tsR2T: 0.25em; /*"   4px */
  --tsRT: 0.375em; /*"   6px */
  --tsR3XS: 0.5em; /*    8px */
  --tsR2XS: 0.625em; /* 10px */
  --tsRXS: 0.75em; /*   12px */
  --tsRS: 0.875em; /*   14px */
  --tsRM: 1em; /*       16px */
  --tsRL: 1.125em; /*   18px */
  --tsRXL: 1.25em; /*   20px */
  --tsR2XL: 1.5em; /*   24px */
  --tsR3XL: 1.75em; /*  28px */
  --tsRH: 2em; /*       32px */
  --tsR2H: 2.5em; /*    40px */
  --tsR3H: 3em; /*      48px */
}