:root {
  /* Colors — Primary */
  --color-primary: #e05320;
  --color-secondary: #007bff;
  --color-accent: #ff6c37;

  /* Colors — Neutrals */
  --color-neutral-50: #212121;
  --color-neutral-100: #000000;
  --color-neutral-200: #707070;
  --color-neutral-300: #ffffff;
  --color-neutral-400: #5c5c5c;
  --color-neutral-500: #e6e6e6;
  --color-neutral-600: #09070d;
  --color-neutral-700: #8a8a8a;
  --color-neutral-800: #cfcfcf;

  /* Colors — Backgrounds */
  --color-bg: #ffffff;
  --color-bg-1: #f9f8f7;
  --color-bg-2: #ff6c37;
  --color-bg-3: #140b1e;
  --color-bg-4: #09070d;

  /* Colors — Text */
  --color-text: #000000;
  --color-text-1: #212121;
  --color-text-2: #0265d2;
  --color-text-3: #6b6b6b;
  --color-text-4: #e05320;

  /* Typography — Families */
  --font-sans: 'inter', sans-serif;
  --font-body: 'ibmPlexMono', sans-serif;
  --font-heading: 'degular', sans-serif;
  --font-body: 'Times', sans-serif;

  /* Typography — Scale */
  --font-size-55: 55px;
  --font-size-36: 36px;
  --font-size-22: 22px;
  --font-size-20: 20px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-12: 12px;
  --font-size-10: 10px;

  /* Spacing */
  --spacing-1: 1px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-40: 40px;
  --spacing-50: 50px;
  --spacing-60: 60px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-120: 120px;
  --spacing-224: 224px;
  --spacing-252: 252px;

  /* Border Radius */
  --radius-sm: 3px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Box Shadows */
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  --shadow-sm: rgb(255, 108, 55) 0px 0px 0px 1px inset;
  --shadow-lg: rgb(179, 135, 245) 0px 4px 24px 0px;

  /* Original Site Variables */
  /* — colors — */
  --demo-content-primary: #212121;
  --demo-content-secondary: #6b6b6b;
  --demo-content-muted: #e6e6e6;
  --demo-bg-primary: #fff;
  --demo-bg-secondary: #f9f9f9;
  --demo-bg-tertiary: #f2f2f2;
  --demo-bg-brand: #fff1eb;
  --demo-bg-success: #e5fff1;
  --demo-bg-error: #ffebe7;
  --demo-bg-purple: #f7f2ff;
  --demo-border-subdued: #f2f2f2;
  --demo-border-default: #ededed;
  --demo-border-strong: #e6e6e6;
  --v12-border: #e6e6e6;
  --v12-border-light: #ededed;
  --v12-response-bg: #fafafa;
  --monaco-light-editor-bg: #fff;
  --monaco-light-line-highlight-bg: #f9f9f9;
  --monaco-light-gutter-bg: #f9f9f9;
  --monaco-light-gutter-border: #ededed;
  --monaco-light-string: #2a00ff;
  --demo-highlight-bg-subtle: #fff8f5;
  --demo-highlight-bg: #fff4ef;
  --demo-highlight-bg-hover: #ffede6;
  --demo-highlight-accent: var(--demo-brand,#ff6c37);
  --demo-highlight-accent-width: 2px;
  --color-orange-600: lab(57.1026% 64.2584 89.8886);
  --color-blue-700: lab(36.9089% 35.0961 -85.6872);
  --tw-inset-ring-shadow: 0 0 #0000;
  --color-blue-300: lab(77.5052% -6.4629 -36.42);
  --color-gray-300: lab(85.1236% -.612259 -3.7138);
  --color-gray-500: lab(47.7841% -.393182 -10.0268);
  --card_shadow_2: 0 8px 16px -4px #00000014;
  --color-white: #fff;
  --color-gray-400: lab(65.9269% -.832707 -8.17473);
  --color-yellow-300: lab(89.7033% -.480294 84.4917);
  --color-gray-100: lab(96.1596% -.0823438 -1.13575);
  --color-blue-800: lab(30.2514% 27.7853 -70.2699);
  --color-green-600: lab(59.0978% -58.6621 41.2579);
  --color-red-300: lab(76.5514% 36.422 15.5335);
  --color-orange-500: lab(64.272% 57.1788 90.3583);
  --border-radius-medium: 10px;
  --content-color-primary: #212121;
  --secondary-button-grey: #8a8a8a1a;
  --color-gray-600: lab(35.6337% -1.58697 -10.8425);
  --color-orange-100: lab(94.7127% 3.58394 14.3151);
  --color-blue-600: lab(44.0605% 29.0279 -86.0352);
  --tw-border-style: solid;
  --color-red-600: lab(48.4493% 77.4328 61.5452);
  --border-radius-large: 20px;
  --color-black: #000;
  --card_shadow: 0 8px 16px -4px #00000014;
  --tw-ring-shadow: 0 0 #0000;
  --color-purple-500: lab(52.0183% 66.11 -78.2316);
  --color-yellow-600: lab(62.7799% 22.4197 86.1544);
  --color-gray-50: lab(98.2596% -.247031 -.706708);
  --tw-ring-offset-color: #fff;
  --content-color-tertiary: #707070;
  --color-red-500: lab(55.4814% 75.0732 48.8528);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: 0 0 #0000;
  --color-gray-800: lab(16.1051% -1.18239 -11.7533);
  --color-yellow-700: lab(47.8202% 25.2426 66.5015);
  --color-red-700: lab(40.4273% 67.2623 53.7441);
  --color-slate-100: lab(96.286% -.852436 -2.46847);
  --color-blue-500: lab(54.1736% 13.3369 -74.6839);
  --color-gray-900: lab(8.11897% .811279 -12.254);
  --border-angle: 0deg;
  --color-blue-900: lab(26.1542% 15.7545 -51.5504);
  --bs-nav-link-color: #0056b3;
  --color-gray-700: lab(27.1134% -.956401 -12.3224);
  --border-radius-small: 5px;
  --color-green-300: lab(86.9953% -47.2691 25.0054);
  --color-red-50: lab(96.5005% 4.18508 1.52328);
  --color-gray-200: lab(91.6229% -.159115 -2.26791);
  --color-green-700: lab(47.0329% -47.0239 31.4788);
  --content-color-secondary: #303030;
  /* — spacing — */
  --tw-space-x-reverse: 0;
  --spacing-4: 32px;
  --spacing-1: 8px;
  --spacing-6: 48px;
  --spacing: .25rem;
  --spacing-0: 0;
  --tw-space-y-reverse: 0;
  --spacing-8: 64px;
  --spacing-3: 24px;
  --spacing-2: 16px;
  --spacing-16: 128px;
  /* — typography — */
  --demo-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif;
  --demo-font-code: "IBMPlexMono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --demo-text-xs: 10px;
  --demo-text-s: 11px;
  --demo-text-m: 12px;
  --demo-text-l: 14px;
  --font-degular: "degular", "degular Fallback";
  --text-base--line-height: calc(1.5 / 1);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-weight-bold: 700;
  --text-xs--line-height: calc(1 / .75);
  --text-xl: 1.25rem;
  --font-inter-semibold: "inter", "inter Fallback";
  --leading-relaxed: 1.625;
  --text-2xl--line-height: calc(2 / 1.5);
  --font-ibm-pm: "ibmPlexMono", "ibmPlexMono Fallback";
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-sm: .875rem;
  --leading-tight: 1.25;
  --text-2xl: 1.5rem;
  --text-7xl: 4.5rem;
  --text-lg: 1.125rem;
  --font-default: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  --text-5xl--line-height: 1;
  --leading-normal: 1.5;
  --text-lg--line-height: calc(1.75 / 1.125);
  --font-degular-display-bold: "degular", "degular Fallback";
  --font-degular-display-semibold: "degular", "degular Fallback";
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --default-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-inter: "inter", "inter Fallback";
  --text-7xl--line-height: 1;
  --font-weight-semibold: 600;
  --text-sm--line-height: calc(1.25 / .875);
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-5xl: 3rem;
  --text-3xl: 1.875rem;
  --text-xs: .75rem;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --text-base: 1rem;
  --default-mono-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* — shadows — */
  --tw-inset-shadow-alpha: 100%;
  --tw-inset-shadow: 0 0 #0000;
  --tw-shadow-alpha: 100%;
  --tw-drop-shadow-alpha: 100%;
  --screenshot_shadow: 0px 0px 8px 5px #0000000d;
  --tw-shadow: 0 0 #0000;
  --form_shadow: 0px 5px 8px #1c272b0d;
  /* — radii — */
  --demo-radius-default: 4px;
  --radius-2xl: 1rem;
  /* — other — */
  --demo-content-tertiary: #a6a6a6;
  --demo-content-brand: #d23f0e;
  --demo-content-success: #007f31;
  --demo-content-warning: #ad7a03;
  --demo-content-error: #8e1a10;
  --demo-content-purple: #4c207d;
  --demo-brand: #ff6c37;
  --demo-active-green: #0cbb52;
  --v12-sidebar: #f7f7f7;
  --v12-titlebar: #f3f3f3;
  --v12-tab-active: #ff6c37;
  --v12-row-active: #e3e3e3;
  --v12-url-var: #9263d9;
  --monaco-light-gutter-fg: #a6a6a6;
  --monaco-light-comment: #5f8fbf;
  --monaco-light-keyword: #800555;
  --monaco-light-function: #000;
  --monaco-light-support: #642880;
  --monaco-light-number: #f0a;
  --monaco-light-plain: #333;
  --monaco-light-type: #800555;
  --monaco-light-prop: #333;
  --demo-highlight-outline: #ff6c3780;
  --aspect-video: 16 / 9;
  --grey-15: #f8f9fa;
  --grey-30: #e6e6e6;
  --tw-outline-style: solid;
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --blue-100: #0d1629;
  --grey-60: #3b3b3b;
  --grey-90: #212121;
  --link-hover: #0056b3;
  --orange-80: #a12700;
  --yellow-30: #ffe47e;
  --tw-gradient-from: rgba(0, 0, 0, 0);
  --grey-55: #6b6b6b;
  --tw-gradient-to: rgba(0, 0, 0, 0);
  --blue-90: #002d70;
  --orange-50: #ff6c37;
  --purple-dark: #210b30;
  --blue-50: #097bed;
  --tw-gradient-via-position: 50%;
  --blue-80: #00439d;
  --yellow-70: #ad7a03;
  --tw-gradient-to-position: 100%;
  --default-transition-duration: .15s;
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  --orange-55: #ff6c37;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --grey-03: #e6e6e6;
  --purple-20: #ede1ff;
  --grey-25: #dadada;
  --orange-70: #d23f0e;
  --blue-10: #e7f0ff;
  --tw-translate-z: 0;
  --blue-8: #e6eafd;
  --tw-gradient-via: rgba(0, 0, 0, 0);
  --tw-scale-y: 1;
  --tw-translate-y: 0;
  --purple-55: #623497;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --tw-content: "";
  --grey-70: #303030;
  --orange-20: #ffd1be;
  --tw-translate-x: 0;
  --purple-30: #f7f2ff;
  --orange-15: #fcdecf;
  --grey-06: #cfcfcf;
  --grey-40: #a6a6a6;
  --blue-30: #74aef6;
  --dark-orange: #a12700;
  --form_field_focus: 0 0 0 .2rem #007bff40;
  --purple-15: #e8d6ff;
  --yellow-90: #886000;
  --grey-80: #2b2b2b;
  --blue-enterprise: #0b162a;
  --grey-85: #262626;
  --orange-60: #e05320;
  --blue-05: #f5f8fb;
  --purple-40: #710eed;
  --purple-60: #ccacfc;
  --blue-5: #f5f8fb;
  --orange-90: #553326;
  --grey-20: #ededed;
  --blue-92: #012a7a;
  --yellow-10: #fff9e0;
  --grey-10: #f2f2f2;
  --purple-50: #c0a8e1;
  --orange-10: #fff1eb;
  --yellow-40: #ffcf3f;
  --yellow-05: #fffef9;
  --max-width: 1100px;
  --blur-3xl: 64px;
  --blue-15: #d1daff;
  --tw-scale-z: 1;
  --yellow-50: #ffb400;
  --blue-20: #adcdfb;
  --grey-02: #fdfdfe;
  --orange-40: #ff8e64;
  --purple-10: #e4d8f6;
  --grey-05: #f9f9f9;
  --orange-30: #ffb091;
  --blue-60: #0265d2;
  --blue-95: #01213c;
  --tw-gradient-from-position: 0%;
  --blue-12: #d5e4ff;
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --purple-05: #eee3ff;
  --orange-12: #fff2eb;
  --yellow-60: #de9c00;
  --grey-00: #fff;
  --grey-95: #11061f;
  --orange-65: #e0531f;
  --grey-50: #707070;
  --top-nav-height: 54px;
  --blue-40: #3e92f2;
  --animate-spin: spin 1s linear infinite;
  --yellow-20: #fff4be;
  --orange-5: #faefeb;
  --container-4xl: 56rem;
  --blue-4: #f5f8fb;
  --tw-divide-y-reverse: 0;
  --blue-70: #0053b8;
  --blue-55: #556cf2;
  --container-2xl: 42rem;
  --tw-scale-x: 1;
  --yellow-80: #523a03;
  --purple-80: #210b30;
  --container-7xl: 80rem;
  --red-error: #b70700;
  --transition-all: all .2s ease-in-out;
  --blur-sm: 8px;
  --grey-100: #000;
  /* — dependencies — */
  --demo-highlight-accent: --demo-brand;
  /* — semantic — */
  success: [object Object];
  warning: [object Object];
  error: [object Object];
  info: [object Object];

}