@custom-variant dark (&:where(.dark, .dark *));
@custom-variant children (& > *);

@theme {
  --color-*: initial;
  --text-*: initial;
  --font-*: initial;
  --shadow-*: initial;
  --radius-*: initial;
  --leading-*: initial;
  --tracking-*: initial;

  --color-blue-100: rgba(var(--cdt-color-blue-100), 1);
  --color-blue-200: rgba(var(--cdt-color-blue-200), 1);
  --color-blue-300: rgba(var(--cdt-color-blue-300), 1);
  --color-blue-400: rgba(var(--cdt-color-blue-400), 1);
  --color-blue-500: rgba(var(--cdt-color-blue-500), 1);
  --color-blue-600: rgba(var(--cdt-color-blue-600), 1);
  --color-blue-700: rgba(var(--cdt-color-blue-700), 1);
  --color-blue-800: rgba(var(--cdt-color-blue-800), 1);
  --color-blue-900: rgba(var(--cdt-color-blue-900), 1);
  --color-blue-950: rgba(var(--cdt-color-blue-950), 1);
  --color-violet-100: rgba(var(--cdt-color-violet-100), 1);
  --color-violet-200: rgba(var(--cdt-color-violet-200), 1);
  --color-violet-300: rgba(var(--cdt-color-violet-300), 1);
  --color-violet-400: rgba(var(--cdt-color-violet-400), 1);
  --color-violet-500: rgba(var(--cdt-color-violet-500), 1);
  --color-violet-600: rgba(var(--cdt-color-violet-600), 1);
  --color-violet-700: rgba(var(--cdt-color-violet-700), 1);
  --color-violet-800: rgba(var(--cdt-color-violet-800), 1);
  --color-violet-900: rgba(var(--cdt-color-violet-900), 1);
  --color-violet-950: rgba(var(--cdt-color-violet-950), 1);
  --color-purple-100: rgba(var(--cdt-color-purple-100), 1);
  --color-purple-200: rgba(var(--cdt-color-purple-200), 1);
  --color-purple-300: rgba(var(--cdt-color-purple-300), 1);
  --color-purple-400: rgba(var(--cdt-color-purple-400), 1);
  --color-purple-500: rgba(var(--cdt-color-purple-500), 1);
  --color-purple-600: rgba(var(--cdt-color-purple-600), 1);
  --color-purple-700: rgba(var(--cdt-color-purple-700), 1);
  --color-purple-800: rgba(var(--cdt-color-purple-800), 1);
  --color-purple-900: rgba(var(--cdt-color-purple-900), 1);
  --color-purple-950: rgba(var(--cdt-color-purple-950), 1);
  --color-pink-100: rgba(var(--cdt-color-pink-100), 1);
  --color-pink-200: rgba(var(--cdt-color-pink-200), 1);
  --color-pink-300: rgba(var(--cdt-color-pink-300), 1);
  --color-pink-400: rgba(var(--cdt-color-pink-400), 1);
  --color-pink-500: rgba(var(--cdt-color-pink-500), 1);
  --color-pink-600: rgba(var(--cdt-color-pink-600), 1);
  --color-pink-700: rgba(var(--cdt-color-pink-700), 1);
  --color-pink-800: rgba(var(--cdt-color-pink-800), 1);
  --color-pink-900: rgba(var(--cdt-color-pink-900), 1);
  --color-pink-950: rgba(var(--cdt-color-pink-950), 1);
  --color-teal-100: rgba(var(--cdt-color-teal-100), 1);
  --color-teal-200: rgba(var(--cdt-color-teal-200), 1);
  --color-teal-300: rgba(var(--cdt-color-teal-300), 1);
  --color-teal-400: rgba(var(--cdt-color-teal-400), 1);
  --color-teal-500: rgba(var(--cdt-color-teal-500), 1);
  --color-teal-600: rgba(var(--cdt-color-teal-600), 1);
  --color-teal-700: rgba(var(--cdt-color-teal-700), 1);
  --color-teal-800: rgba(var(--cdt-color-teal-800), 1);
  --color-teal-900: rgba(var(--cdt-color-teal-900), 1);
  --color-teal-950: rgba(var(--cdt-color-teal-950), 1);
  --color-red-100: rgba(var(--cdt-color-red-100), 1);
  --color-red-200: rgba(var(--cdt-color-red-200), 1);
  --color-red-300: rgba(var(--cdt-color-red-300), 1);
  --color-red-400: rgba(var(--cdt-color-red-400), 1);
  --color-red-500: rgba(var(--cdt-color-red-500), 1);
  --color-red-600: rgba(var(--cdt-color-red-600), 1);
  --color-red-700: rgba(var(--cdt-color-red-700), 1);
  --color-red-800: rgba(var(--cdt-color-red-800), 1);
  --color-red-900: rgba(var(--cdt-color-red-900), 1);
  --color-red-950: rgba(var(--cdt-color-red-950), 1);
  --color-orange-100: rgba(var(--cdt-color-orange-100), 1);
  --color-orange-200: rgba(var(--cdt-color-orange-200), 1);
  --color-orange-300: rgba(var(--cdt-color-orange-300), 1);
  --color-orange-400: rgba(var(--cdt-color-orange-400), 1);
  --color-orange-500: rgba(var(--cdt-color-orange-500), 1);
  --color-orange-600: rgba(var(--cdt-color-orange-600), 1);
  --color-orange-700: rgba(var(--cdt-color-orange-700), 1);
  --color-orange-800: rgba(var(--cdt-color-orange-800), 1);
  --color-orange-900: rgba(var(--cdt-color-orange-900), 1);
  --color-orange-950: rgba(var(--cdt-color-orange-950), 1);
  --color-yellow-100: rgba(var(--cdt-color-yellow-100), 1);
  --color-yellow-200: rgba(var(--cdt-color-yellow-200), 1);
  --color-yellow-300: rgba(var(--cdt-color-yellow-300), 1);
  --color-yellow-400: rgba(var(--cdt-color-yellow-400), 1);
  --color-yellow-500: rgba(var(--cdt-color-yellow-500), 1);
  --color-yellow-600: rgba(var(--cdt-color-yellow-600), 1);
  --color-yellow-700: rgba(var(--cdt-color-yellow-700), 1);
  --color-yellow-800: rgba(var(--cdt-color-yellow-800), 1);
  --color-yellow-900: rgba(var(--cdt-color-yellow-900), 1);
  --color-yellow-950: rgba(var(--cdt-color-yellow-950), 1);
  --color-green-100: rgba(var(--cdt-color-green-100), 1);
  --color-green-200: rgba(var(--cdt-color-green-200), 1);
  --color-green-300: rgba(var(--cdt-color-green-300), 1);
  --color-green-400: rgba(var(--cdt-color-green-400), 1);
  --color-green-500: rgba(var(--cdt-color-green-500), 1);
  --color-green-600: rgba(var(--cdt-color-green-600), 1);
  --color-green-700: rgba(var(--cdt-color-green-700), 1);
  --color-green-800: rgba(var(--cdt-color-green-800), 1);
  --color-green-900: rgba(var(--cdt-color-green-900), 1);
  --color-green-950: rgba(var(--cdt-color-green-950), 1);
  --color-blue-pale-100: rgba(var(--cdt-color-blue-pale-100), 1);
  --color-blue-pale-200: rgba(var(--cdt-color-blue-pale-200), 1);
  --color-blue-pale-300: rgba(var(--cdt-color-blue-pale-300), 1);
  --color-blue-pale-400: rgba(var(--cdt-color-blue-pale-400), 1);
  --color-blue-pale-500: rgba(var(--cdt-color-blue-pale-500), 1);
  --color-blue-pale-600: rgba(var(--cdt-color-blue-pale-600), 1);
  --color-blue-pale-700: rgba(var(--cdt-color-blue-pale-700), 1);
  --color-blue-pale-800: rgba(var(--cdt-color-blue-pale-800), 1);
  --color-blue-pale-900: rgba(var(--cdt-color-blue-pale-900), 1);
  --color-blue-pale-950: rgba(var(--cdt-color-blue-pale-950), 1);
  --color-violet-pale-100: rgba(var(--cdt-color-violet-pale-100), 1);
  --color-violet-pale-200: rgba(var(--cdt-color-violet-pale-200), 1);
  --color-violet-pale-300: rgba(var(--cdt-color-violet-pale-300), 1);
  --color-violet-pale-400: rgba(var(--cdt-color-violet-pale-400), 1);
  --color-violet-pale-500: rgba(var(--cdt-color-violet-pale-500), 1);
  --color-violet-pale-600: rgba(var(--cdt-color-violet-pale-600), 1);
  --color-violet-pale-700: rgba(var(--cdt-color-violet-pale-700), 1);
  --color-violet-pale-800: rgba(var(--cdt-color-violet-pale-800), 1);
  --color-violet-pale-900: rgba(var(--cdt-color-violet-pale-900), 1);
  --color-violet-pale-950: rgba(var(--cdt-color-violet-pale-950), 1);
  --color-purple-pale-100: rgba(var(--cdt-color-purple-pale-100), 1);
  --color-purple-pale-200: rgba(var(--cdt-color-purple-pale-200), 1);
  --color-purple-pale-300: rgba(var(--cdt-color-purple-pale-300), 1);
  --color-purple-pale-400: rgba(var(--cdt-color-purple-pale-400), 1);
  --color-purple-pale-500: rgba(var(--cdt-color-purple-pale-500), 1);
  --color-purple-pale-600: rgba(var(--cdt-color-purple-pale-600), 1);
  --color-purple-pale-700: rgba(var(--cdt-color-purple-pale-700), 1);
  --color-purple-pale-800: rgba(var(--cdt-color-purple-pale-800), 1);
  --color-purple-pale-900: rgba(var(--cdt-color-purple-pale-900), 1);
  --color-purple-pale-950: rgba(var(--cdt-color-purple-pale-950), 1);
  --color-pink-pale-100: rgba(var(--cdt-color-pink-pale-100), 1);
  --color-pink-pale-200: rgba(var(--cdt-color-pink-pale-200), 1);
  --color-pink-pale-300: rgba(var(--cdt-color-pink-pale-300), 1);
  --color-pink-pale-400: rgba(var(--cdt-color-pink-pale-400), 1);
  --color-pink-pale-500: rgba(var(--cdt-color-pink-pale-500), 1);
  --color-pink-pale-600: rgba(var(--cdt-color-pink-pale-600), 1);
  --color-pink-pale-700: rgba(var(--cdt-color-pink-pale-700), 1);
  --color-pink-pale-800: rgba(var(--cdt-color-pink-pale-800), 1);
  --color-pink-pale-900: rgba(var(--cdt-color-pink-pale-900), 1);
  --color-pink-pale-950: rgba(var(--cdt-color-pink-pale-950), 1);
  --color-teal-pale-100: rgba(var(--cdt-color-teal-pale-100), 1);
  --color-teal-pale-200: rgba(var(--cdt-color-teal-pale-200), 1);
  --color-teal-pale-300: rgba(var(--cdt-color-teal-pale-300), 1);
  --color-teal-pale-400: rgba(var(--cdt-color-teal-pale-400), 1);
  --color-teal-pale-500: rgba(var(--cdt-color-teal-pale-500), 1);
  --color-teal-pale-600: rgba(var(--cdt-color-teal-pale-600), 1);
  --color-teal-pale-700: rgba(var(--cdt-color-teal-pale-700), 1);
  --color-teal-pale-800: rgba(var(--cdt-color-teal-pale-800), 1);
  --color-teal-pale-900: rgba(var(--cdt-color-teal-pale-900), 1);
  --color-teal-pale-950: rgba(var(--cdt-color-teal-pale-950), 1);
  --color-red-pale-100: rgba(var(--cdt-color-red-pale-100), 1);
  --color-red-pale-200: rgba(var(--cdt-color-red-pale-200), 1);
  --color-red-pale-300: rgba(var(--cdt-color-red-pale-300), 1);
  --color-red-pale-400: rgba(var(--cdt-color-red-pale-400), 1);
  --color-red-pale-500: rgba(var(--cdt-color-red-pale-500), 1);
  --color-red-pale-600: rgba(var(--cdt-color-red-pale-600), 1);
  --color-red-pale-700: rgba(var(--cdt-color-red-pale-700), 1);
  --color-red-pale-800: rgba(var(--cdt-color-red-pale-800), 1);
  --color-red-pale-900: rgba(var(--cdt-color-red-pale-900), 1);
  --color-red-pale-950: rgba(var(--cdt-color-red-pale-950), 1);
  --color-orange-pale-100: rgba(var(--cdt-color-orange-pale-100), 1);
  --color-orange-pale-200: rgba(var(--cdt-color-orange-pale-200), 1);
  --color-orange-pale-300: rgba(var(--cdt-color-orange-pale-300), 1);
  --color-orange-pale-400: rgba(var(--cdt-color-orange-pale-400), 1);
  --color-orange-pale-500: rgba(var(--cdt-color-orange-pale-500), 1);
  --color-orange-pale-600: rgba(var(--cdt-color-orange-pale-600), 1);
  --color-orange-pale-700: rgba(var(--cdt-color-orange-pale-700), 1);
  --color-orange-pale-800: rgba(var(--cdt-color-orange-pale-800), 1);
  --color-orange-pale-900: rgba(var(--cdt-color-orange-pale-900), 1);
  --color-orange-pale-950: rgba(var(--cdt-color-orange-pale-950), 1);
  --color-yellow-pale-100: rgba(var(--cdt-color-yellow-pale-100), 1);
  --color-yellow-pale-200: rgba(var(--cdt-color-yellow-pale-200), 1);
  --color-yellow-pale-300: rgba(var(--cdt-color-yellow-pale-300), 1);
  --color-yellow-pale-400: rgba(var(--cdt-color-yellow-pale-400), 1);
  --color-yellow-pale-500: rgba(var(--cdt-color-yellow-pale-500), 1);
  --color-yellow-pale-600: rgba(var(--cdt-color-yellow-pale-600), 1);
  --color-yellow-pale-700: rgba(var(--cdt-color-yellow-pale-700), 1);
  --color-yellow-pale-800: rgba(var(--cdt-color-yellow-pale-800), 1);
  --color-yellow-pale-900: rgba(var(--cdt-color-yellow-pale-900), 1);
  --color-yellow-pale-950: rgba(var(--cdt-color-yellow-pale-950), 1);
  --color-green-pale-100: rgba(var(--cdt-color-green-pale-100), 1);
  --color-green-pale-200: rgba(var(--cdt-color-green-pale-200), 1);
  --color-green-pale-300: rgba(var(--cdt-color-green-pale-300), 1);
  --color-green-pale-400: rgba(var(--cdt-color-green-pale-400), 1);
  --color-green-pale-500: rgba(var(--cdt-color-green-pale-500), 1);
  --color-green-pale-600: rgba(var(--cdt-color-green-pale-600), 1);
  --color-green-pale-700: rgba(var(--cdt-color-green-pale-700), 1);
  --color-green-pale-800: rgba(var(--cdt-color-green-pale-800), 1);
  --color-green-pale-900: rgba(var(--cdt-color-green-pale-900), 1);
  --color-green-pale-950: rgba(var(--cdt-color-green-pale-950), 1);
  --color-white: rgba(var(--cdt-color-white), 1);
  --color-black: rgba(var(--cdt-color-black), 1);
  --color-gray-50: rgba(var(--cdt-color-gray-50), 1);
  --color-gray-100: rgba(var(--cdt-color-gray-100), 1);
  --color-gray-200: rgba(var(--cdt-color-gray-200), 1);
  --color-gray-300: rgba(var(--cdt-color-gray-300), 1);
  --color-gray-400: rgba(var(--cdt-color-gray-400), 1);
  --color-gray-500: rgba(var(--cdt-color-gray-500), 1);
  --color-gray-600: rgba(var(--cdt-color-gray-600), 1);
  --color-gray-700: rgba(var(--cdt-color-gray-700), 1);
  --color-gray-800: rgba(var(--cdt-color-gray-800), 1);
  --color-gray-900: rgba(var(--cdt-color-gray-900), 1);
  --color-gray-950: rgba(var(--cdt-color-gray-950), 1);
  --color-on-accent-foreground: rgba(var(--cdt-color-text-on-accent), 1);
  --color-on-accent-secondary-foreground: rgba(var(--cdt-color-text-on-accent-secondary), 0.8);
  --color-on-accent-tertiary-foreground: rgba(var(--cdt-color-text-on-accent-tertiary), 0.4);
  --color-default-foreground: rgba(var(--cdt-color-text-default), 0.9);
  --color-secondary-foreground: rgba(var(--cdt-color-text-secondary), 0.5);
  --color-disabled-foreground: rgba(var(--cdt-color-text-disabled), 0.3);
  --color-tertiary-foreground: rgba(var(--cdt-color-text-tertiary), 0.3);
  --color-accent-foreground: rgba(var(--cdt-color-text-accent), 1);
  --color-success-foreground: rgba(var(--cdt-color-text-success), 1);
  --color-warning-foreground: rgba(var(--cdt-color-text-warning), 1);
  --color-danger-foreground: rgba(var(--cdt-color-text-danger), 1);
  --color-assistive-foreground: rgba(var(--cdt-color-text-assistive), 1);
  --color-component-foreground: rgba(var(--cdt-color-text-component), 1);
  --color-inverse-foreground: rgba(var(--cdt-color-text-inverse), 1);
  --color-accent-background: rgba(var(--cdt-color-background-accent), 1);
  --color-accent-hover-background: rgba(var(--cdt-color-background-accent-hover), 1);
  --color-accent-secondary-background: rgba(var(--cdt-color-background-accent-secondary), 1);
  --color-success-background: rgba(var(--cdt-color-background-success), 1);
  --color-success-hover-background: rgba(var(--cdt-color-background-success-hover), 1);
  --color-success-secondary-background: rgba(var(--cdt-color-background-success-secondary), 1);
  --color-warning-background: rgba(var(--cdt-color-background-warning), 1);
  --color-warning-hover-background: rgba(var(--cdt-color-background-warning-hover), 1);
  --color-warning-secondary-background: rgba(var(--cdt-color-background-warning-secondary), 1);
  --color-danger-background: rgba(var(--cdt-color-background-danger), 1);
  --color-danger-hover-background: rgba(var(--cdt-color-background-danger-hover), 1);
  --color-danger-secondary-background: rgba(var(--cdt-color-background-danger-secondary), 1);
  --color-assistive-background: rgba(var(--cdt-color-background-assistive), 1);
  --color-assistive-hover-background: rgba(var(--cdt-color-background-assistive-hover), 1);
  --color-assistive-secondary-background: rgba(var(--cdt-color-background-assistive-secondary), 1);
  --color-component-background: rgba(var(--cdt-color-background-component), 1);
  --color-component-hover-background: rgba(var(--cdt-color-background-component-hover), 1);
  --color-component-secondary-background: rgba(var(--cdt-color-background-component-secondary), 1);
  --color-menu-background: rgba(var(--cdt-color-background-menu), 1);
  --color-toolbar-background: rgba(var(--cdt-color-background-toolbar), 1);
  --color-default-background: rgba(var(--cdt-color-background-default), 1);
  --color-secondary-background: rgba(var(--cdt-color-background-secondary), 1);
  --color-tertiary-background: rgba(var(--cdt-color-background-tertiary), 1);
  --color-selected-background: rgba(var(--cdt-color-background-selected), 1);
  --color-hover-background: rgba(var(--cdt-color-background-hover), 1);
  --color-disabled-background: rgba(var(--cdt-color-background-disabled), 1);
  --color-inverse-background: rgba(var(--cdt-color-background-inverse), 1);
  --color-selected-boundary: rgba(var(--cdt-color-border-selected), 1);
  --color-menu-boundary: rgba(var(--cdt-color-border-menu), 1);
  --color-toolbar-boundary: rgba(var(--cdt-color-border-toolbar), 1);
  --color-default-boundary: rgba(var(--cdt-color-border-default), 1);
  --color-strong-boundary: rgba(var(--cdt-color-border-strong), 1);
  --color-selected-strong-boundary: rgba(var(--cdt-color-border-selected-strong), 1);
  --color-default-icon: rgba(var(--cdt-color-icon-default), 1);
  --color-secondary-icon: rgba(var(--cdt-color-icon-secondary), 1);
  --color-tertiary-icon: rgba(var(--cdt-color-icon-tertiary), 1);
  --color-disabled-icon: rgba(var(--cdt-color-icon-disabled), 1);


  --font-default: var(--cdt-font-families-default);
  --font-display: var(--cdt-font-families-display);
  --font-mono: var(--cdt-font-families-mono);

  --font-weight-light: var(--cdt-font-weights-light);
  --font-weight-default: var(--cdt-font-weights-default);
  --font-weight-medium: var(--cdt-font-weights-medium);
  --font-weight-semibold: var(--cdt-font-weights-semibold);
  --font-weight-strong: var(--cdt-font-weights-strong);
  --font-weight-heavy: var(--cdt-font-weights-heavy);

  --text-xs: var(--cdt-font-sizes-xs);
  --text-sm: var(--cdt-font-sizes-sm);
  --text-md: var(--cdt-font-sizes-md);
  --text-lg: var(--cdt-font-sizes-lg);
  --text-xl: var(--cdt-font-sizes-xl);
  --text-2xl: var(--cdt-font-sizes-2xl);

  --text-body-large: var(--cdt-font-sizes-md);
  --text-body-large--line-height: var(--cdt-font-line-heights-normal);
  --text-body-large--font-weight: var(--cdt-font-weights-default);
  --text-body-large--letter-spacing: var(--cdt-font-letter-spacings-body-large);
  --text-body-large-strong: var(--cdt-font-sizes-md);
  --text-body-large-strong--line-height: var(--cdt-font-line-heights-normal);
  --text-body-large-strong--font-weight: var(--cdt-font-weights-strong);
  --text-body-large-strong--letter-spacing: var(--cdt-font-letter-spacings-body-large);
  --text-body-medium: var(--cdt-font-sizes-sm);
  --text-body-medium--line-height: var(--cdt-font-line-heights-snug);
  --text-body-medium--font-weight: var(--cdt-font-weights-medium);
  --text-body-medium--letter-spacing: var(--cdt-font-letter-spacings-body-medium);
  --text-body-medium-strong: var(--cdt-font-sizes-sm);
  --text-body-medium-strong--line-height: var(--cdt-font-line-heights-snug);
  --text-body-medium-strong--font-weight: var(--cdt-font-weights-heavy);
  --text-body-medium-strong--letter-spacing: var(--cdt-font-letter-spacings-body-medium);
  --text-body-small: var(--cdt-font-sizes-xs);
  --text-body-small--line-height: var(--cdt-font-line-heights-tight);
  --text-body-small--font-weight: var(--cdt-font-weights-default);
  --text-body-small--letter-spacing: var(--cdt-font-letter-spacings-body-small);
  --text-body-small-strong: var(--cdt-font-sizes-xs);
  --text-body-small-strong--line-height: var(--cdt-font-line-heights-tight);
  --text-body-small-strong--font-weight: var(--cdt-font-weights-strong);
  --text-body-small-strong--letter-spacing: var(--cdt-font-letter-spacings-body-small-strong);
  --text-heading-display: var(--cdt-font-sizes-2xl);
  --text-heading-display--line-height: var(--cdt-font-line-heights-extra-loose);
  --text-heading-display--font-weight: var(--cdt-font-weights-light);
  --text-heading-display--letter-spacing: var(--cdt-font-letter-spacings-display);
  --text-heading-large: var(--cdt-font-sizes-xl);
  --text-heading-large--line-height: var(--cdt-font-line-heights-loose);
  --text-heading-large--font-weight: var(--cdt-font-weights-heavy);
  --text-heading-large--letter-spacing: var(--cdt-font-letter-spacings-heading-large);
  --text-heading-medium: var(--cdt-font-sizes-lg);
  --text-heading-medium--line-height: var(--cdt-font-line-heights-relaxed);
  --text-heading-medium--font-weight: var(--cdt-font-weights-heavy);
  --text-heading-medium--letter-spacing: var(--cdt-font-letter-spacings-heading-medium);
  --text-heading-small: var(--cdt-font-sizes-md);
  --text-heading-small--line-height: var(--cdt-font-line-heights-normal);
  --text-heading-small--font-weight: var(--cdt-font-weights-heavy);
  --text-heading-small--letter-spacing: var(--cdt-font-letter-spacings-heading-small);

  --leading-tight: var(--cdt-font-line-heights-tight);
  --leading-snug: var(--cdt-font-line-heights-snug);
  --leading-normal: var(--cdt-font-line-heights-normal);
  --leading-relaxed: var(--cdt-font-line-heights-relaxed);
  --leading-loose: var(--cdt-font-line-heights-loose);
  --leading-extra-loose: var(--cdt-font-line-heights-extra-loose);

  --tracking-body-large: var(--cdt-font-letter-spacings-body-large);
  --tracking-body-medium: var(--cdt-font-letter-spacings-body-medium);
  --tracking-body-small: var(--cdt-font-letter-spacings-body-small);
  --tracking-body-small-strong: var(--cdt-font-letter-spacings-body-small-strong);
  --tracking-heading-large: var(--cdt-font-letter-spacings-heading-large);
  --tracking-heading-medium: var(--cdt-font-letter-spacings-heading-medium);
  --tracking-heading-small: var(--cdt-font-letter-spacings-heading-small);
  --tracking-display: var(--cdt-font-letter-spacings-display);

  --spacing: var(--cdt-spacing);
  --radius-sm: var(--cdt-radius-sm);
  --radius-md: var(--cdt-radius-md);
  --radius-lg: var(--cdt-radius-lg);
  --radius-xl: var(--cdt-radius-xl);
  --z-index-sticky: var(--cdt-zindex-sticky);
  --z-index-fixed: var(--cdt-zindex-fixed);
  --z-index-backdrop: var(--cdt-zindex-backdrop);
  --z-index-modals: var(--cdt-zindex-modals);
  --z-index-popover: var(--cdt-zindex-popover);
  --z-index-menu: var(--cdt-zindex-menu);
  --z-index-alert: var(--cdt-zindex-alert);
  --z-index-tooltip: var(--cdt-zindex-tooltip);
  --z-index-notification: var(--cdt-zindex-notification);
  --z-index-scroll-bar: var(--cdt-zindex-scroll-bar);
  --breakpoints-xs: var(--cdt-breakpoints-xs);
  --breakpoints-sm: var(--cdt-breakpoints-sm);
  --breakpoints-md: var(--cdt-breakpoints-md);
  --breakpoints-lg: var(--cdt-breakpoints-lg);
  --breakpoints-xl: var(--cdt-breakpoints-xl);
  --breakpoints-2xl: var(--cdt-breakpoints-2xl);

  --shadow-xxs: var(--cdt-shadows-xxs);
  --shadow-xs: var(--cdt-shadows-xs);
  --shadow-sm: var(--cdt-shadows-sm);
  --shadow-md: var(--cdt-shadows-md);
  --shadow-lg: var(--cdt-shadows-lg);
  --shadow-xl: var(--cdt-shadows-xl);
  --shadow-focus: var(--cdt-shadows-focus);
  --shadow-line: var(--cdt-shadows-line);
  --shadow-border-default: var(--cdt-shadows-border-default);
  --shadow-border-default-inset: var(--cdt-shadows-border-default-inset);
}