/* -------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * ------------------------------------------- */

:root {
  --cdt-breakpoints-2xl: 96rem; /* Breakpoint 2xl (1536px) */
  --cdt-breakpoints-lg: 64rem; /* Breakpoint lg (1024px) */
  --cdt-breakpoints-md: 48rem; /* Breakpoint md (768px) */
  --cdt-breakpoints-sm: 40rem; /* Breakpoint sm (640px) */
  --cdt-breakpoints-xl: 80rem; /* Breakpoint xl (1280px) */
  --cdt-breakpoints-xs: 29.6875rem; /* Breakpoint xs (475px) */
  --cdt-color-background-accent: var(--cdt-color-blue-500); /* background accent color (extended) */
  --cdt-color-background-accent-hover: var(--cdt-color-blue-600); /* background accent hover color (extended) */
  --cdt-color-background-accent-secondary: var(--cdt-color-blue-700); /* background accent secondary color (extended) */
  --cdt-color-background-assistive: var(--cdt-color-pink-500); /* background assistive color (extended) */
  --cdt-color-background-assistive-hover: var(--cdt-color-pink-600); /* background assistive hover color (extended) */
  --cdt-color-background-assistive-secondary: var(--cdt-color-pink-700); /* background assistive secondary color (extended) */
  --cdt-color-background-component: var(--cdt-color-purple-500); /* background component color (extended) */
  --cdt-color-background-component-hover: var(--cdt-color-purple-600); /* background component hover color (extended) */
  --cdt-color-background-component-secondary: var(--cdt-color-purple-700); /* background component secondary color (extended) */
  --cdt-color-background-danger: var(--cdt-color-red-500); /* background danger color (extended) */
  --cdt-color-background-danger-hover: var(--cdt-color-red-600); /* background danger hover color (extended) */
  --cdt-color-background-danger-secondary: var(--cdt-color-red-700); /* background danger secondary color (extended) */
  --cdt-color-background-default: var(--cdt-color-white); /* background default color */
  --cdt-color-background-disabled: var(--cdt-color-gray-300); /* background disabled color */
  --cdt-color-background-hover: var(--cdt-color-gray-100); /* background hover color */
  --cdt-color-background-inverse: var(--cdt-color-gray-800); /* background inverse color */
  --cdt-color-background-menu: var(--cdt-color-gray-900); /* background menu color (extended) */
  --cdt-color-background-secondary: var(--cdt-color-gray-100); /* background secondary color */
  --cdt-color-background-selected: var(--cdt-color-blue-200); /* background selected color */
  --cdt-color-background-success: var(--cdt-color-green-500); /* background success color (extended) */
  --cdt-color-background-success-hover: var(--cdt-color-green-600); /* background success hover color (extended) */
  --cdt-color-background-success-secondary: var(--cdt-color-green-700); /* background success secondary color (extended) */
  --cdt-color-background-tertiary: var(--cdt-color-gray-200); /* background tertiary color */
  --cdt-color-background-toolbar: var(--cdt-color-gray-800); /* background toolbar color (extended) */
  --cdt-color-background-warning: var(--cdt-color-yellow-500); /* background warning color (extended) */
  --cdt-color-background-warning-hover: var(--cdt-color-yellow-600); /* background warning hover color (extended) */
  --cdt-color-background-warning-secondary: var(--cdt-color-yellow-700); /* background warning secondary color (extended) */
  --cdt-color-black: 0, 0, 0; /* black color (absolute) */
  --cdt-color-blue-100: 242, 249, 255;
  --cdt-color-blue-200: 229, 244, 255;
  --cdt-color-blue-300: 189, 227, 255;
  --cdt-color-blue-400: 128, 202, 255;
  --cdt-color-blue-500: 13, 153, 255;
  --cdt-color-blue-600: 0, 123, 229;
  --cdt-color-blue-700: 7, 104, 207;
  --cdt-color-blue-800: 3, 74, 193;
  --cdt-color-blue-900: 9, 48, 119;
  --cdt-color-blue-950: 13, 25, 63;
  --cdt-color-blue-pale-100: 241, 245, 248;
  --cdt-color-blue-pale-200: 227, 236, 242;
  --cdt-color-blue-pale-300: 210, 218, 228;
  --cdt-color-blue-pale-400: 175, 188, 207;
  --cdt-color-blue-pale-500: 102, 119, 153;
  --cdt-color-blue-pale-600: 83, 99, 131;
  --cdt-color-blue-pale-700: 74, 88, 120;
  --cdt-color-blue-pale-800: 57, 67, 96;
  --cdt-color-blue-pale-900: 37, 45, 65;
  --cdt-color-blue-pale-950: 18, 23, 33;
  --cdt-color-border-default: var(--cdt-color-gray-200); /* border default color */
  --cdt-color-border-menu: var(--cdt-color-gray-700); /* border menu color (extended) */
  --cdt-color-border-selected: var(--cdt-color-blue-500); /* border selected color (extended) */
  --cdt-color-border-selected-strong: var(--cdt-color-blue-600); /* border selected strong color */
  --cdt-color-border-strong: var(--cdt-color-gray-800); /* border strong color */
  --cdt-color-border-toolbar: var(--cdt-color-gray-600); /* border toolbar color (extended) */
  --cdt-color-gray-50: 250, 250, 250; /* gray 50 color (extended) */
  --cdt-color-gray-100: 245, 245, 245; /* gray 100 color (extended) */
  --cdt-color-gray-200: 230, 230, 230; /* gray 200 color (extended) */
  --cdt-color-gray-300: 217, 217, 217; /* gray 300 color (extended) */
  --cdt-color-gray-400: 179, 179, 179; /* gray 400 color (extended) */
  --cdt-color-gray-500: 117, 117, 117; /* gray 500 color (extended) */
  --cdt-color-gray-600: 68, 68, 68; /* gray 600 color (extended) */
  --cdt-color-gray-700: 56, 56, 56; /* gray 700 color (extended) */
  --cdt-color-gray-800: 44, 44, 44; /* gray 800 color (extended) */
  --cdt-color-gray-900: 30, 30, 30; /* gray 900 color (extended) */
  --cdt-color-gray-950: 17, 17, 17; /* gray 950 color (extended) */
  --cdt-color-green-100: 235, 255, 238;
  --cdt-color-green-200: 207, 247, 211;
  --cdt-color-green-300: 175, 244, 198;
  --cdt-color-green-400: 133, 224, 163;
  --cdt-color-green-500: 20, 174, 92;
  --cdt-color-green-600: 0, 153, 81;
  --cdt-color-green-700: 0, 128, 67;
  --cdt-color-green-800: 3, 104, 56;
  --cdt-color-green-900: 2, 70, 38;
  --cdt-color-green-950: 8, 58, 35;
  --cdt-color-green-pale-100: 241, 248, 242;
  --cdt-color-green-pale-200: 218, 236, 223;
  --cdt-color-green-pale-300: 195, 224, 204;
  --cdt-color-green-pale-400: 159, 193, 170;
  --cdt-color-green-pale-500: 103, 142, 121;
  --cdt-color-green-pale-600: 92, 128, 109;
  --cdt-color-green-pale-700: 81, 115, 97;
  --cdt-color-green-pale-800: 71, 102, 86;
  --cdt-color-green-pale-900: 47, 72, 60;
  --cdt-color-green-pale-950: 23, 43, 34;
  --cdt-color-icon-default: 26, 26, 26; /* icon default color */
  --cdt-color-icon-disabled: 178, 178, 178; /* icon disabled color */
  --cdt-color-icon-secondary: 128, 128, 128; /* icon secondary color */
  --cdt-color-icon-tertiary: 178, 178, 178; /* icon tertiary color */
  --cdt-color-orange-100: 255, 244, 229;
  --cdt-color-orange-200: 255, 224, 194;
  --cdt-color-orange-300: 252, 209, 156;
  --cdt-color-orange-400: 255, 196, 112;
  --cdt-color-orange-500: 255, 166, 41;
  --cdt-color-orange-600: 252, 158, 36;
  --cdt-color-orange-700: 247, 151, 34;
  --cdt-color-orange-800: 221, 124, 14;
  --cdt-color-orange-900: 206, 112, 18;
  --cdt-color-orange-950: 138, 72, 15;
  --cdt-color-orange-pale-100: 250, 239, 235;
  --cdt-color-orange-pale-200: 248, 233, 226;
  --cdt-color-orange-pale-300: 243, 214, 201;
  --cdt-color-orange-pale-400: 235, 180, 157;
  --cdt-color-orange-pale-500: 212, 105, 59;
  --cdt-color-orange-pale-600: 165, 94, 64;
  --cdt-color-orange-pale-700: 134, 78, 55;
  --cdt-color-orange-pale-800: 96, 58, 42;
  --cdt-color-orange-pale-900: 65, 43, 33;
  --cdt-color-orange-pale-950: 31, 23, 20;
  --cdt-color-pink-100: 255, 240, 254;
  --cdt-color-pink-200: 255, 224, 252;
  --cdt-color-pink-300: 255, 189, 242;
  --cdt-color-pink-400: 255, 153, 224;
  --cdt-color-pink-500: 255, 36, 189;
  --cdt-color-pink-600: 234, 16, 172;
  --cdt-color-pink-700: 203, 11, 150;
  --cdt-color-pink-800: 151, 17, 114;
  --cdt-color-pink-900: 95, 17, 76;
  --cdt-color-pink-950: 69, 17, 56;
  --cdt-color-pink-pale-100: 246, 238, 244;
  --cdt-color-pink-pale-200: 242, 227, 238;
  --cdt-color-pink-pale-300: 232, 206, 225;
  --cdt-color-pink-pale-400: 218, 170, 206;
  --cdt-color-pink-pale-500: 171, 89, 152;
  --cdt-color-pink-pale-600: 134, 80, 122;
  --cdt-color-pink-pale-700: 114, 70, 103;
  --cdt-color-pink-pale-800: 81, 52, 74;
  --cdt-color-pink-pale-900: 51, 37, 47;
  --cdt-color-pink-pale-950: 27, 19, 24;
  --cdt-color-purple-100: 249, 245, 255;
  --cdt-color-purple-200: 241, 229, 255;
  --cdt-color-purple-300: 228, 204, 255;
  --cdt-color-purple-400: 217, 184, 255;
  --cdt-color-purple-500: 151, 71, 255;
  --cdt-color-purple-600: 134, 56, 229;
  --cdt-color-purple-700: 124, 43, 218;
  --cdt-color-purple-800: 104, 26, 187;
  --cdt-color-purple-900: 75, 13, 135;
  --cdt-color-purple-950: 45, 15, 70;
  --cdt-color-purple-pale-100: 244, 241, 248;
  --cdt-color-purple-pale-200: 237, 231, 243;
  --cdt-color-purple-pale-300: 224, 212, 237;
  --cdt-color-purple-pale-400: 197, 178, 220;
  --cdt-color-purple-pale-500: 127, 105, 155;
  --cdt-color-purple-pale-600: 107, 88, 132;
  --cdt-color-purple-pale-700: 96, 77, 117;
  --cdt-color-purple-pale-800: 71, 57, 86;
  --cdt-color-purple-pale-900: 51, 41, 61;
  --cdt-color-purple-pale-950: 26, 20, 31;
  --cdt-color-red-100: 255, 245, 245;
  --cdt-color-red-200: 255, 226, 224;
  --cdt-color-red-300: 255, 199, 194;
  --cdt-color-red-400: 255, 175, 163;
  --cdt-color-red-500: 242, 72, 34;
  --cdt-color-red-600: 220, 52, 18;
  --cdt-color-red-700: 189, 41, 21;
  --cdt-color-red-800: 159, 31, 24;
  --cdt-color-red-900: 119, 18, 8;
  --cdt-color-red-950: 102, 14, 11;
  --cdt-color-red-pale-100: 250, 237, 235;
  --cdt-color-red-pale-200: 248, 229, 226;
  --cdt-color-red-pale-300: 243, 207, 201;
  --cdt-color-red-pale-400: 235, 169, 157;
  --cdt-color-red-pale-500: 212, 88, 59;
  --cdt-color-red-pale-600: 165, 84, 64;
  --cdt-color-red-pale-700: 134, 69, 55;
  --cdt-color-red-pale-800: 96, 51, 42;
  --cdt-color-red-pale-900: 65, 38, 33;
  --cdt-color-red-pale-950: 31, 21, 20;
  --cdt-color-teal-100: 235, 251, 255;
  --cdt-color-teal-200: 206, 240, 248;
  --cdt-color-teal-300: 182, 236, 247;
  --cdt-color-teal-400: 117, 215, 240;
  --cdt-color-teal-500: 0, 162, 194;
  --cdt-color-teal-600: 0, 135, 168;
  --cdt-color-teal-700: 4, 113, 149;
  --cdt-color-teal-800: 8, 90, 120;
  --cdt-color-teal-900: 9, 60, 83;
  --cdt-color-teal-950: 14, 47, 67;
  --cdt-color-teal-pale-100: 241, 246, 248;
  --cdt-color-teal-pale-200: 227, 238, 242;
  --cdt-color-teal-pale-300: 206, 222, 228;
  --cdt-color-teal-pale-400: 163, 194, 204;
  --cdt-color-teal-pale-500: 81, 131, 148;
  --cdt-color-teal-pale-600: 67, 108, 122;
  --cdt-color-teal-pale-700: 60, 96, 109;
  --cdt-color-teal-pale-800: 47, 76, 86;
  --cdt-color-teal-pale-900: 31, 50, 56;
  --cdt-color-teal-pale-950: 16, 26, 30;
  --cdt-color-text-accent: var(--cdt-color-blue-600); /* text accent color */
  --cdt-color-text-assistive: var(--cdt-color-pink-600); /* text assistive color */
  --cdt-color-text-component: var(--cdt-color-purple-600); /* text component color */
  --cdt-color-text-danger: var(--cdt-color-red-600); /* text danger color */
  --cdt-color-text-default: var(--cdt-color-black); /* text default color */
  --cdt-color-text-disabled: var(--cdt-color-black); /* text disabled color */
  --cdt-color-text-inverse: var(--cdt-color-white); /* text inverse color */
  --cdt-color-text-on-accent: var(--cdt-color-white); /* text on accent color (extended) */
  --cdt-color-text-on-accent-secondary: var(--cdt-color-white); /* text on accent secondary color (extended) */
  --cdt-color-text-on-accent-tertiary: var(--cdt-color-white); /* text on accent tertiary color (extended) */
  --cdt-color-text-secondary: var(--cdt-color-black); /* text secondary color */
  --cdt-color-text-success: var(--cdt-color-green-600); /* text success color */
  --cdt-color-text-tertiary: var(--cdt-color-black); /* text tertiary color */
  --cdt-color-text-warning: var(--cdt-color-yellow-950); /* text warning color */
  --cdt-color-violet-100: 245, 245, 255;
  --cdt-color-violet-200: 235, 235, 255;
  --cdt-color-violet-300: 211, 209, 255;
  --cdt-color-violet-400: 180, 178, 255;
  --cdt-color-violet-500: 77, 73, 252;
  --cdt-color-violet-600: 68, 61, 235;
  --cdt-color-violet-700: 61, 50, 226;
  --cdt-color-violet-800: 54, 32, 223;
  --cdt-color-violet-900: 47, 21, 172;
  --cdt-color-violet-950: 29, 18, 84;
  --cdt-color-violet-pale-100: 241, 241, 248;
  --cdt-color-violet-pale-200: 231, 231, 243;
  --cdt-color-violet-pale-300: 212, 212, 237;
  --cdt-color-violet-pale-400: 179, 178, 220;
  --cdt-color-violet-pale-500: 106, 105, 155;
  --cdt-color-violet-pale-600: 89, 88, 132;
  --cdt-color-violet-pale-700: 78, 77, 117;
  --cdt-color-violet-pale-800: 57, 57, 86;
  --cdt-color-violet-pale-900: 41, 41, 61;
  --cdt-color-violet-pale-950: 20, 20, 31;
  --cdt-color-white: 255, 255, 255; /* white color (absolute) */
  --cdt-color-yellow-100: 255, 251, 235;
  --cdt-color-yellow-200: 255, 241, 194;
  --cdt-color-yellow-300: 255, 232, 163;
  --cdt-color-yellow-400: 255, 217, 102;
  --cdt-color-yellow-500: 255, 205, 41;
  --cdt-color-yellow-600: 255, 194, 26;
  --cdt-color-yellow-700: 250, 184, 21;
  --cdt-color-yellow-800: 235, 166, 17;
  --cdt-color-yellow-900: 221, 148, 14;
  --cdt-color-yellow-950: 184, 98, 0;
  --cdt-color-yellow-pale-100: 255, 245, 235;
  --cdt-color-yellow-pale-200: 253, 238, 206;
  --cdt-color-yellow-pale-300: 245, 223, 168;
  --cdt-color-yellow-pale-400: 232, 205, 125;
  --cdt-color-yellow-pale-500: 173, 127, 0;
  --cdt-color-yellow-pale-600: 144, 104, 0;
  --cdt-color-yellow-pale-700: 122, 88, 0;
  --cdt-color-yellow-pale-800: 92, 65, 0;
  --cdt-color-yellow-pale-900: 58, 42, 16;
  --cdt-color-yellow-pale-950: 33, 26, 18;
  --cdt-font-families-default: "Inter", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "SFProLocalRange";
  --cdt-font-families-display: "Whyte", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif;
  --cdt-font-families-mono: "Roboto Mono", "Monaco", "Courier New", "SFMono-Regular", "Menlo", "Consolas", monospace;
  --cdt-font-letter-spacings-body-large: -0.002rem;
  --cdt-font-letter-spacings-body-medium: 0.00344rem;
  --cdt-font-letter-spacings-body-small: 0.00281rem;
  --cdt-font-letter-spacings-body-small-strong: 0.016875rem;
  --cdt-font-letter-spacings-display: -0.09rem;
  --cdt-font-letter-spacings-heading-large: -0.0255rem;
  --cdt-font-letter-spacings-heading-medium: -0.00469rem;
  --cdt-font-letter-spacings-heading-small: -0.002rem;
  --cdt-font-line-heights-extra-loose: 3.5rem;
  --cdt-font-line-heights-loose: 2rem;
  --cdt-font-line-heights-normal: 1.375rem;
  --cdt-font-line-heights-relaxed: 1.5625rem;
  --cdt-font-line-heights-snug: 1rem;
  --cdt-font-line-heights-tight: 0.875rem;
  --cdt-font-sizes-2xl: 3rem;
  --cdt-font-sizes-lg: 0.9375rem;
  --cdt-font-sizes-md: 0.8125rem;
  --cdt-font-sizes-sm: 0.6875rem;
  --cdt-font-sizes-xl: 1.5rem;
  --cdt-font-sizes-xs: 0.5625rem;
  --cdt-font-weights-default: 450;
  --cdt-font-weights-heavy: 550;
  --cdt-font-weights-light: 400;
  --cdt-font-weights-medium: 450;
  --cdt-font-weights-semibold: 500;
  --cdt-font-weights-strong: 550;
  --cdt-radius-lg: 0.4375rem; /* Border radius lg size */
  --cdt-radius-md: 0.3125rem; /* Border radius md size */
  --cdt-radius-sm: 0.125rem; /* Border radius sm size */
  --cdt-radius-xl: 0.8125rem; /* Border radius xl size */
  --cdt-shadows-border-default: 0px 0px 0px 1px rgba(230, 230, 230, 1); /* border-default shadow with light/dark mode support */
  --cdt-shadows-border-default-inset: inset 0px 0px 0px 1px rgba(230, 230, 230, 1); /* border-default-inset shadow with light/dark mode support */
  --cdt-shadows-focus: 0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 2px rgba(13, 153, 255, 1); /* focus shadow with light/dark mode support */
  --cdt-shadows-lg: 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.12); /* lg shadow with light/dark mode support */
  --cdt-shadows-line: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); /* line shadow with light/dark mode support */
  --cdt-shadows-md: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.15); /* md shadow with light/dark mode support */
  --cdt-shadows-sm: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 3px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.18); /* sm shadow with light/dark mode support */
  --cdt-shadows-xl: 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.08); /* xl shadow with light/dark mode support */
  --cdt-shadows-xs: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.3); /* xs shadow with light/dark mode support */
  --cdt-shadows-xxs: 0px 0px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.3); /* xxs shadow with light/dark mode support */
  --cdt-spacing: 0.25rem; /* Spacing value default (0.25rem) */
  --cdt-spacing-px: 1px; /* Spacing value px */
  --cdt-zindex-alert: 920; /* Z-index value for alert layer */
  --cdt-zindex-backdrop: 800; /* Z-index value for backdrop layer */
  --cdt-zindex-fixed: 700; /* Z-index value for fixed layer */
  --cdt-zindex-menu: 910; /* Z-index value for menu layer */
  --cdt-zindex-modals: 810; /* Z-index value for modals layer */
  --cdt-zindex-notification: 1100; /* Z-index value for notification layer */
  --cdt-zindex-popover: 820; /* Z-index value for popover layer */
  --cdt-zindex-scroll-bar: 1200; /* Z-index value for scroll-bar layer */
  --cdt-zindex-sticky: 100; /* Z-index value for sticky layer */
  --cdt-zindex-tooltip: 1000; /* Z-index value for tooltip layer */
}

.dark,
[data-theme="dark"] {
  --cdt-color-background-accent: var(--cdt-color-blue-500);
  --cdt-color-background-accent-hover: var(--cdt-color-blue-600);
  --cdt-color-background-accent-secondary: var(--cdt-color-blue-700);
  --cdt-color-background-assistive: var(--cdt-color-pink-500);
  --cdt-color-background-assistive-hover: var(--cdt-color-pink-600);
  --cdt-color-background-assistive-secondary: var(--cdt-color-pink-700);
  --cdt-color-background-component: var(--cdt-color-purple-500);
  --cdt-color-background-component-hover: var(--cdt-color-purple-600);
  --cdt-color-background-component-secondary: var(--cdt-color-purple-700);
  --cdt-color-background-danger: var(--cdt-color-red-500);
  --cdt-color-background-danger-hover: var(--cdt-color-red-600);
  --cdt-color-background-danger-secondary: var(--cdt-color-red-700);
  --cdt-color-background-default: var(--cdt-color-gray-800); /* background default color */
  --cdt-color-background-disabled: var(--cdt-color-gray-500); /* background disabled color */
  --cdt-color-background-hover: var(--cdt-color-gray-700); /* background hover color */
  --cdt-color-background-inverse: var(--cdt-color-white); /* background inverse color */
  --cdt-color-background-secondary: var(--cdt-color-gray-700); /* background secondary color */
  --cdt-color-background-selected: var(--cdt-color-blue-pale-700); /* background selected color */
  --cdt-color-background-success: var(--cdt-color-green-500);
  --cdt-color-background-success-hover: var(--cdt-color-green-600);
  --cdt-color-background-success-secondary: var(--cdt-color-green-700);
  --cdt-color-background-tertiary: var(--cdt-color-gray-600); /* background tertiary color */
  --cdt-color-background-warning: var(--cdt-color-yellow-500);
  --cdt-color-background-warning-hover: var(--cdt-color-yellow-600);
  --cdt-color-background-warning-secondary: var(--cdt-color-yellow-700);
  --cdt-color-blue-100: 226, 241, 253;
  --cdt-color-blue-200: 207, 233, 252;
  --cdt-color-blue-300: 168, 215, 250;
  --cdt-color-blue-400: 124, 196, 248;
  --cdt-color-blue-500: 12, 140, 233;
  --cdt-color-blue-600: 10, 109, 194;
  --cdt-color-blue-700: 16, 92, 173;
  --cdt-color-blue-800: 24, 69, 145;
  --cdt-color-blue-900: 27, 51, 95;
  --cdt-color-blue-950: 22, 30, 54;
  --cdt-color-border-default: var(--cdt-color-gray-600); /* border default color */
  --cdt-color-border-selected: var(--cdt-color-blue-500);
  --cdt-color-border-selected-strong: var(--cdt-color-blue-400); /* border selected strong color */
  --cdt-color-border-strong: var(--cdt-color-white); /* border strong color */
  --cdt-color-green-100: 221, 253, 226;
  --cdt-color-green-200: 190, 239, 194;
  --cdt-color-green-300: 161, 232, 185;
  --cdt-color-green-400: 121, 210, 151;
  --cdt-color-green-500: 25, 143, 81;
  --cdt-color-green-600: 7, 131, 72;
  --cdt-color-green-700: 10, 92, 53;
  --cdt-color-green-800: 10, 76, 45;
  --cdt-color-green-900: 8, 38, 24;
  --cdt-color-green-950: 11, 30, 21;
  --cdt-color-icon-default: var(--cdt-color-white); /* icon default color */
  --cdt-color-icon-disabled: 128, 128, 128; /* icon disabled color */
  --cdt-color-icon-secondary: 192, 192, 192; /* icon secondary color */
  --cdt-color-icon-tertiary: 128, 128, 128; /* icon tertiary color */
  --cdt-color-orange-100: 255, 237, 215;
  --cdt-color-orange-200: 253, 217, 180;
  --cdt-color-orange-300: 252, 198, 127;
  --cdt-color-orange-400: 252, 179, 74;
  --cdt-color-orange-500: 222, 125, 2;
  --cdt-color-orange-600: 200, 111, 4;
  --cdt-color-orange-700: 173, 95, 5;
  --cdt-color-orange-800: 152, 83, 6;
  --cdt-color-orange-900: 103, 56, 6;
  --cdt-color-orange-950: 55, 29, 6;
  --cdt-color-pink-100: 253, 226, 251;
  --cdt-color-pink-200: 252, 202, 248;
  --cdt-color-pink-300: 251, 177, 237;
  --cdt-color-pink-400: 252, 156, 224;
  --cdt-color-pink-500: 243, 22, 176;
  --cdt-color-pink-600: 208, 27, 156;
  --cdt-color-pink-700: 150, 32, 122;
  --cdt-color-pink-800: 104, 39, 94;
  --cdt-color-pink-900: 70, 37, 62;
  --cdt-color-pink-950: 35, 26, 33;
  --cdt-color-purple-100: 241, 231, 254;
  --cdt-color-purple-200: 227, 207, 252;
  --cdt-color-purple-300: 214, 182, 251;
  --cdt-color-purple-400: 209, 168, 255;
  --cdt-color-purple-500: 138, 56, 245;
  --cdt-color-purple-600: 122, 46, 214;
  --cdt-color-purple-700: 101, 44, 168;
  --cdt-color-purple-800: 80, 41, 122;
  --cdt-color-purple-900: 62, 38, 84;
  --cdt-color-purple-950: 31, 25, 36;
  --cdt-color-red-100: 254, 231, 231;
  --cdt-color-red-200: 252, 205, 202;
  --cdt-color-red-300: 251, 188, 182;
  --cdt-color-red-400: 252, 163, 151;
  --cdt-color-red-500: 224, 62, 26;
  --cdt-color-red-600: 196, 56, 28;
  --cdt-color-red-700: 150, 51, 35;
  --cdt-color-red-800: 124, 38, 34;
  --cdt-color-red-900: 84, 33, 28;
  --cdt-color-red-950: 49, 24, 23;
  --cdt-color-teal-100: 221, 247, 253;
  --cdt-color-teal-200: 188, 230, 241;
  --cdt-color-teal-300: 164, 226, 239;
  --cdt-color-teal-400: 103, 203, 228;
  --cdt-color-teal-500: 8, 135, 160;
  --cdt-color-teal-600: 8, 118, 145;
  --cdt-color-teal-700: 10, 91, 118;
  --cdt-color-teal-800: 12, 69, 90;
  --cdt-color-teal-900: 12, 41, 55;
  --cdt-color-teal-950: 14, 31, 42;
  --cdt-color-text-accent: var(--cdt-color-blue-400); /* text accent color */
  --cdt-color-text-assistive: var(--cdt-color-pink-400); /* text assistive color */
  --cdt-color-text-component: var(--cdt-color-purple-400); /* text component color */
  --cdt-color-text-danger: var(--cdt-color-red-400); /* text danger color */
  --cdt-color-text-default: var(--cdt-color-white); /* text default color */
  --cdt-color-text-disabled: var(--cdt-color-white); /* text disabled color */
  --cdt-color-text-inverse: var(--cdt-color-black); /* text inverse color */
  --cdt-color-text-secondary: var(--cdt-color-white); /* text secondary color */
  --cdt-color-text-success: var(--cdt-color-green-400); /* text success color */
  --cdt-color-text-tertiary: var(--cdt-color-white); /* text tertiary color */
  --cdt-color-text-warning: var(--cdt-color-yellow-400); /* text warning color */
  --cdt-color-violet-200: 230, 229, 255;
  --cdt-color-violet-300: 206, 204, 255;
  --cdt-color-violet-400: 185, 184, 255;
  --cdt-color-violet-500: 61, 56, 245;
  --cdt-color-violet-600: 59, 52, 213;
  --cdt-color-violet-700: 55, 44, 201;
  --cdt-color-violet-800: 57, 39, 190;
  --cdt-color-violet-900: 48, 37, 121;
  --cdt-color-violet-950: 29, 24, 53;
  --cdt-color-yellow-100: 253, 247, 221;
  --cdt-color-yellow-200: 251, 232, 173;
  --cdt-color-yellow-300: 249, 223, 144;
  --cdt-color-yellow-400: 247, 209, 95;
  --cdt-color-yellow-500: 243, 193, 27;
  --cdt-color-yellow-600: 242, 181, 13;
  --cdt-color-yellow-700: 228, 167, 17;
  --cdt-color-yellow-800: 197, 128, 17;
  --cdt-color-yellow-900: 146, 87, 17;
  --cdt-color-yellow-950: 113, 68, 15;
  --cdt-shadows-border-default: 0px 0px 0px 1px rgba(68, 68, 68, 1); /* border-default shadow with light/dark mode support */
  --cdt-shadows-border-default-inset: inset 0px 0px 0px 1px rgba(68, 68, 68, 1); /* border-default-inset shadow with light/dark mode support */
  --cdt-shadows-focus: 0px 0px 0px 1px rgba(44, 44, 44, 1), 0px 0px 0px 2px rgba(12, 140, 233, 1); /* focus shadow with light/dark mode support */
  --cdt-shadows-lg: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.08), inset 0px 0px 0.5px 0px rgba(255, 255, 255, 0.35), 0px 2px 5px 0px rgba(0, 0, 0, 0.35), 0px 10px 16px 0px rgba(0, 0, 0, 0.35); /* lg shadow with light/dark mode support */
  --cdt-shadows-line: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1); /* line shadow with light/dark mode support */
  --cdt-shadows-md: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.08), inset 0px 0px 0.5px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 5px 12px 0px rgba(0, 0, 0, 0.35); /* md shadow with light/dark mode support */
  --cdt-shadows-sm: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.08), inset 0px 0px 0.5px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 0px rgba(0, 0, 0, 0.35), 0px 3px 8px 0px rgba(0, 0, 0, 0.4); /* sm shadow with light/dark mode support */
  --cdt-shadows-xl: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.08), inset 0px 0px 0.5px 0px rgba(255, 255, 255, 0.35), 0px 3px 5px 0px rgba(0, 0, 0, 0.35), 0px 10px 24px 0px rgba(0, 0, 0, 0.45); /* xl shadow with light/dark mode support */
  --cdt-shadows-xs: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0.5px 0px rgba(255, 255, 255, 0.3), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.5), 0px 1px 3px 0px rgba(0, 0, 0, 0.4); /* xs shadow with light/dark mode support */
  --cdt-shadows-xxs: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.8); /* xxs shadow with light/dark mode support */
}