/* Generated by @polyxd/react scripts/build-themes.ts from the antd pack. Do not edit. */

[data-pxd-theme="antd"]:not([data-pxd-mode]),
[data-pxd-theme="antd"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #ffffff;
  --pxd-color-surface-subtle: #fafafa;
  --pxd-color-surface-raised: #ffffff;
  --pxd-color-surface-overlay: #ffffff;
  --pxd-color-surface-inverse: #262626;
  --pxd-color-scrim: rgb(0 0 0 / 0.45);
  --pxd-color-text-default: #1f1f1f;
  --pxd-color-text-muted: #595959;
  --pxd-color-text-inverse: #ffffff;
  --pxd-color-text-link: #0958d9;
  --pxd-color-border-default: #f0f0f0;
  --pxd-color-border-strong: #8c8c8c;
  --pxd-color-border-focus: #1677ff;
  --pxd-color-action-primary-background: #0958d9;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #ffffff;
  --pxd-color-action-secondary-foreground: #1f1f1f;
  --pxd-color-action-secondary-border: #d9d9d9;
  --pxd-color-action-danger-background: #d9363e;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #e6f4ff;
  --pxd-color-selection-foreground: #1f1f1f;
  --pxd-color-status-info-background: #e6f4ff;
  --pxd-color-status-info-foreground: #0958d9;
  --pxd-color-status-info-emphasis: #1677ff;
  --pxd-color-status-success-background: #f6ffed;
  --pxd-color-status-success-foreground: #237804;
  --pxd-color-status-success-emphasis: #389e0d;
  --pxd-color-status-warning-background: #fffbe6;
  --pxd-color-status-warning-foreground: #874d00;
  --pxd-color-status-warning-emphasis: #ad6800;
  --pxd-color-status-danger-background: #fff2f0;
  --pxd-color-status-danger-foreground: #b32430;
  --pxd-color-status-danger-emphasis: #ff4d4f;
  --pxd-color-data-categorical-1: #1677ff;
  --pxd-color-data-categorical-2: #d46b08;
  --pxd-color-data-categorical-3: #08979c;
  --pxd-color-data-categorical-4: #eb2f96;
  --pxd-color-data-categorical-5: #389e0d;
  --pxd-color-data-categorical-6: #722ed1;
  --pxd-color-data-positive: #389e0d;
  --pxd-color-data-negative: #ff4d4f;
  --pxd-color-data-neutral: #8c8c8c;
  --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-page-size: 30px;
  --pxd-type-title-page-weight: 600;
  --pxd-type-title-page-line-height: 1.266667;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.4;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.571429;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 400;
  --pxd-type-label-default-line-height: 1.571429;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 400;
  --pxd-type-label-small-line-height: 1.666667;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-numeric-display-size: 24px;
  --pxd-type-numeric-display-weight: 400;
  --pxd-type-numeric-display-line-height: 1.333333;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 12px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 32px;
  --pxd-size-icon-small: 12px;
  --pxd-size-icon-default: 14px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 6px;
  --pxd-radius-default: 6px;
  --pxd-radius-large: 8px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 3px;
  --pxd-focus-ring-offset: 1px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.15;
  --pxd-opacity-state-focus: 0.1;
  --pxd-opacity-state-disabled: 0.45;
  --pxd-shadow-raised: 0px 1px 2px 0px rgb(0 0 0 / 0.05), 0px 1px 6px -1px rgb(0 0 0 / 0.03), 0px 2px 4px 0px rgb(0 0 0 / 0.03);
  --pxd-shadow-overlay: 0px 6px 16px 0px rgb(0 0 0 / 0.08), 0px 3px 6px -4px rgb(0 0 0 / 0.12), 0px 9px 28px 8px rgb(0 0 0 / 0.05);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 200ms;
  --pxd-motion-duration-medium: 300ms;
  --pxd-motion-duration-long: 400ms;
  --pxd-motion-easing-standard: cubic-bezier(0.645, 0.045, 0.355, 1);
  --pxd-motion-easing-enter: cubic-bezier(0.08, 0.82, 0.17, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.78, 0.14, 0.15, 0.86);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="antd"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #141414;
  --pxd-color-surface-subtle: #1d1d1d;
  --pxd-color-surface-raised: #141414;
  --pxd-color-surface-overlay: #1f1f1f;
  --pxd-color-surface-inverse: #424242;
  --pxd-color-scrim: rgb(0 0 0 / 0.45);
  --pxd-color-text-default: #dcdcdc;
  --pxd-color-text-muted: #adadad;
  --pxd-color-text-inverse: #ffffff;
  --pxd-color-text-link: #3c89e8;
  --pxd-color-border-default: #303030;
  --pxd-color-border-strong: #7e7e7e;
  --pxd-color-border-focus: #1668dc;
  --pxd-color-action-primary-background: #1668dc;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #141414;
  --pxd-color-action-secondary-foreground: #dcdcdc;
  --pxd-color-action-secondary-border: #424242;
  --pxd-color-action-danger-background: #ad393a;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #15325b;
  --pxd-color-selection-foreground: #dcdcdc;
  --pxd-color-status-info-background: #111a2c;
  --pxd-color-status-info-foreground: #3c89e8;
  --pxd-color-status-info-emphasis: #1668dc;
  --pxd-color-status-success-background: #162312;
  --pxd-color-status-success-foreground: #49aa19;
  --pxd-color-status-success-emphasis: #49aa19;
  --pxd-color-status-warning-background: #2b2111;
  --pxd-color-status-warning-foreground: #d89614;
  --pxd-color-status-warning-emphasis: #d89614;
  --pxd-color-status-danger-background: #2c1618;
  --pxd-color-status-danger-foreground: #e86e6b;
  --pxd-color-status-danger-emphasis: #dc4446;
  --pxd-color-data-categorical-1: #1668dc;
  --pxd-color-data-categorical-2: #d87a16;
  --pxd-color-data-categorical-3: #13a8a8;
  --pxd-color-data-categorical-4: #cb2b83;
  --pxd-color-data-categorical-5: #49aa19;
  --pxd-color-data-categorical-6: #854eca;
  --pxd-color-data-positive: #49aa19;
  --pxd-color-data-negative: #dc4446;
  --pxd-color-data-neutral: #7e7e7e;
  --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-page-size: 30px;
  --pxd-type-title-page-weight: 600;
  --pxd-type-title-page-line-height: 1.266667;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.4;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.571429;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 400;
  --pxd-type-label-default-line-height: 1.571429;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 400;
  --pxd-type-label-small-line-height: 1.666667;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-numeric-display-size: 24px;
  --pxd-type-numeric-display-weight: 400;
  --pxd-type-numeric-display-line-height: 1.333333;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 12px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 32px;
  --pxd-size-icon-small: 12px;
  --pxd-size-icon-default: 14px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 6px;
  --pxd-radius-default: 6px;
  --pxd-radius-large: 8px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 3px;
  --pxd-focus-ring-offset: 1px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.12;
  --pxd-opacity-state-pressed: 0.18;
  --pxd-opacity-state-focus: 0.31;
  --pxd-opacity-state-disabled: 0.45;
  --pxd-shadow-raised: 0px 1px 2px 0px rgb(255 255 255 / 0.01), 0px 1px 6px -1px rgb(255 255 255 / 0.006), 0px 2px 4px 0px rgb(255 255 255 / 0.006);
  --pxd-shadow-overlay: 0px 6px 16px 0px rgb(255 255 255 / 0.016), 0px 3px 6px -4px rgb(255 255 255 / 0.024), 0px 9px 28px 8px rgb(255 255 255 / 0.01);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 200ms;
  --pxd-motion-duration-medium: 300ms;
  --pxd-motion-duration-long: 400ms;
  --pxd-motion-easing-standard: cubic-bezier(0.645, 0.045, 0.355, 1);
  --pxd-motion-easing-enter: cubic-bezier(0.08, 0.82, 0.17, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.78, 0.14, 0.15, 0.86);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the bootstrap pack. Do not edit. */

[data-pxd-theme="bootstrap"]:not([data-pxd-mode]),
[data-pxd-theme="bootstrap"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #fff;
  --pxd-color-surface-subtle: #e9ecef;
  --pxd-color-surface-raised: #fff;
  --pxd-color-surface-overlay: #fff;
  --pxd-color-surface-inverse: #000;
  --pxd-color-scrim: rgba(0, 0, 0, 0.5);
  --pxd-color-text-default: #212529;
  --pxd-color-text-muted: rgba(33, 37, 41, 0.75);
  --pxd-color-text-inverse: #fff;
  --pxd-color-text-link: #0d6efd;
  --pxd-color-border-default: #dee2e6;
  --pxd-color-border-strong: rgba(33, 37, 41, 0.75);
  --pxd-color-border-focus: #0d6efd;
  --pxd-color-action-primary-background: #0d6efd;
  --pxd-color-action-primary-foreground: #fff;
  --pxd-color-action-secondary-background: #fff;
  --pxd-color-action-secondary-foreground: #212529;
  --pxd-color-action-secondary-border: #dee2e6;
  --pxd-color-action-danger-background: #dc3545;
  --pxd-color-action-danger-foreground: #fff;
  --pxd-color-selection-background: #cfe2ff;
  --pxd-color-selection-foreground: #052c65;
  --pxd-color-status-info-background: #cff4fc;
  --pxd-color-status-info-foreground: #055160;
  --pxd-color-status-info-emphasis: #055160;
  --pxd-color-status-success-background: #d1e7dd;
  --pxd-color-status-success-foreground: #0a3622;
  --pxd-color-status-success-emphasis: #0a3622;
  --pxd-color-status-warning-background: #fff3cd;
  --pxd-color-status-warning-foreground: #664d03;
  --pxd-color-status-warning-emphasis: #664d03;
  --pxd-color-status-danger-background: #f8d7da;
  --pxd-color-status-danger-foreground: #58151c;
  --pxd-color-status-danger-emphasis: #58151c;
  --pxd-color-data-categorical-1: #052c65;
  --pxd-color-data-categorical-2: #0a3622;
  --pxd-color-data-categorical-3: #58151c;
  --pxd-color-data-categorical-4: #664d03;
  --pxd-color-data-categorical-5: #055160;
  --pxd-color-data-categorical-6: #2b2f32;
  --pxd-color-data-positive: #0a3622;
  --pxd-color-data-negative: #58151c;
  --pxd-color-data-neutral: #6c757d;
  --pxd-type-title-page-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-page-size: 40px;
  --pxd-type-title-page-weight: 500;
  --pxd-type-title-page-line-height: 1.5;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-section-size: 24px;
  --pxd-type-title-section-weight: 500;
  --pxd-type-title-section-line-height: 1.5;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-item-size: 20px;
  --pxd-type-title-item-weight: 500;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.5;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-default-size: 16px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.5;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-small-size: 14px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.5;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-numeric-display-size: 40px;
  --pxd-type-numeric-display-weight: 600;
  --pxd-type-numeric-display-line-height: 1.5;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 48px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 16px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 6px;
  --pxd-radius-default: 6px;
  --pxd-radius-large: 8px;
  --pxd-radius-full: 800px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 4px;
  --pxd-focus-ring-offset: 0px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.08;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.25;
  --pxd-opacity-state-disabled: 0.6;
  --pxd-shadow-raised: 0px 2px 4px 0px rgba(0, 0, 0, 0.075);
  --pxd-shadow-overlay: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="bootstrap"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #212529;
  --pxd-color-surface-subtle: #343a40;
  --pxd-color-surface-raised: #212529;
  --pxd-color-surface-overlay: #212529;
  --pxd-color-surface-inverse: #fff;
  --pxd-color-scrim: rgba(0, 0, 0, 0.5);
  --pxd-color-text-default: #dee2e6;
  --pxd-color-text-muted: rgba(222, 226, 230, 0.75);
  --pxd-color-text-inverse: #212529;
  --pxd-color-text-link: #6ea8fe;
  --pxd-color-border-default: #495057;
  --pxd-color-border-strong: rgba(222, 226, 230, 0.75);
  --pxd-color-border-focus: #0d6efd;
  --pxd-color-action-primary-background: #0d6efd;
  --pxd-color-action-primary-foreground: #fff;
  --pxd-color-action-secondary-background: #212529;
  --pxd-color-action-secondary-foreground: #dee2e6;
  --pxd-color-action-secondary-border: #495057;
  --pxd-color-action-danger-background: #dc3545;
  --pxd-color-action-danger-foreground: #fff;
  --pxd-color-selection-background: #031633;
  --pxd-color-selection-foreground: #6ea8fe;
  --pxd-color-status-info-background: #032830;
  --pxd-color-status-info-foreground: #6edff6;
  --pxd-color-status-info-emphasis: #6edff6;
  --pxd-color-status-success-background: #051b11;
  --pxd-color-status-success-foreground: #75b798;
  --pxd-color-status-success-emphasis: #75b798;
  --pxd-color-status-warning-background: #332701;
  --pxd-color-status-warning-foreground: #ffda6a;
  --pxd-color-status-warning-emphasis: #ffda6a;
  --pxd-color-status-danger-background: #2c0b0e;
  --pxd-color-status-danger-foreground: #ea868f;
  --pxd-color-status-danger-emphasis: #ea868f;
  --pxd-color-data-categorical-1: #6ea8fe;
  --pxd-color-data-categorical-2: #75b798;
  --pxd-color-data-categorical-3: #ea868f;
  --pxd-color-data-categorical-4: #ffda6a;
  --pxd-color-data-categorical-5: #6edff6;
  --pxd-color-data-categorical-6: #a7acb1;
  --pxd-color-data-positive: #75b798;
  --pxd-color-data-negative: #ea868f;
  --pxd-color-data-neutral: #adb5bd;
  --pxd-type-title-page-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-page-size: 40px;
  --pxd-type-title-page-weight: 500;
  --pxd-type-title-page-line-height: 1.5;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-section-size: 24px;
  --pxd-type-title-section-weight: 500;
  --pxd-type-title-section-line-height: 1.5;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-item-size: 20px;
  --pxd-type-title-item-weight: 500;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.5;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-default-size: 16px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.5;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-small-size: 14px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.5;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-numeric-display-size: 40px;
  --pxd-type-numeric-display-weight: 600;
  --pxd-type-numeric-display-line-height: 1.5;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 48px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 16px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 6px;
  --pxd-radius-default: 6px;
  --pxd-radius-large: 8px;
  --pxd-radius-full: 800px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 4px;
  --pxd-focus-ring-offset: 0px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.08;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.25;
  --pxd-opacity-state-disabled: 0.6;
  --pxd-shadow-raised: 0px 2px 4px 0px rgba(0, 0, 0, 0.075);
  --pxd-shadow-overlay: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the carbon pack. Do not edit. */

[data-pxd-theme="carbon"]:not([data-pxd-mode]),
[data-pxd-theme="carbon"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #ffffff;
  --pxd-color-surface-subtle: #e0e0e0;
  --pxd-color-surface-raised: #f4f4f4;
  --pxd-color-surface-overlay: #f4f4f4;
  --pxd-color-surface-inverse: #393939;
  --pxd-color-scrim: rgb(0 0 0 / 0.6);
  --pxd-color-text-default: #161616;
  --pxd-color-text-muted: #525252;
  --pxd-color-text-inverse: #ffffff;
  --pxd-color-text-link: #0f62fe;
  --pxd-color-border-default: #c6c6c6;
  --pxd-color-border-strong: #8d8d8d;
  --pxd-color-border-focus: #0f62fe;
  --pxd-color-action-primary-background: #0f62fe;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #393939;
  --pxd-color-action-secondary-foreground: #ffffff;
  --pxd-color-action-secondary-border: #393939;
  --pxd-color-action-danger-background: #da1e28;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #e0e0e0;
  --pxd-color-selection-foreground: #161616;
  --pxd-color-status-info-background: #edf5ff;
  --pxd-color-status-info-foreground: #161616;
  --pxd-color-status-info-emphasis: #0043ce;
  --pxd-color-status-success-background: #defbe6;
  --pxd-color-status-success-foreground: #161616;
  --pxd-color-status-success-emphasis: #24a148;
  --pxd-color-status-warning-background: #fcf4d6;
  --pxd-color-status-warning-foreground: #161616;
  --pxd-color-status-warning-emphasis: #8e6a00;
  --pxd-color-status-danger-background: #fff1f1;
  --pxd-color-status-danger-foreground: #161616;
  --pxd-color-status-danger-emphasis: #da1e28;
  --pxd-color-data-categorical-1: #6929c4;
  --pxd-color-data-categorical-2: #1192e8;
  --pxd-color-data-categorical-3: #005d5d;
  --pxd-color-data-categorical-4: #9f1853;
  --pxd-color-data-categorical-5: #fa4d56;
  --pxd-color-data-categorical-6: #520408;
  --pxd-color-data-positive: #24a148;
  --pxd-color-data-negative: #da1e28;
  --pxd-color-data-neutral: #6f6f6f;
  --pxd-type-title-page-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-title-page-size: 32px;
  --pxd-type-title-page-weight: 400;
  --pxd-type-title-page-line-height: 1.25;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 400;
  --pxd-type-title-section-line-height: 1.4;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.42857;
  --pxd-type-body-small-letter-spacing: 0.16px;
  --pxd-type-label-default-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 400;
  --pxd-type-label-default-line-height: 1.28572;
  --pxd-type-label-default-letter-spacing: 0.16px;
  --pxd-type-label-small-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 400;
  --pxd-type-label-small-line-height: 1.33333;
  --pxd-type-label-small-letter-spacing: 0.32px;
  --pxd-type-numeric-display-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-numeric-display-size: 42px;
  --pxd-type-numeric-display-weight: 300;
  --pxd-type-numeric-display-line-height: 1.199;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 8px;
  --pxd-space-stack-default: 16px;
  --pxd-space-stack-loose: 32px;
  --pxd-space-stack-section: 48px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 48px;
  --pxd-size-icon-small: 16px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 0px;
  --pxd-radius-control: 0px;
  --pxd-radius-default: 0px;
  --pxd-radius-large: 0px;
  --pxd-radius-full: 999999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: -2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.12;
  --pxd-opacity-state-pressed: 0.5;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.3;
  --pxd-shadow-raised: 0px 0px 0px 0px rgb(0 0 0 / 0);
  --pxd-shadow-overlay: 0px 2px 6px 0px rgb(0 0 0 / 0.3);
  --pxd-motion-duration-instant: 70ms;
  --pxd-motion-duration-short: 110ms;
  --pxd-motion-duration-medium: 240ms;
  --pxd-motion-duration-long: 400ms;
  --pxd-motion-easing-standard: cubic-bezier(0.2, 0, 0.38, 0.9);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.38, 0.9);
  --pxd-motion-easing-exit: cubic-bezier(0.2, 0, 1, 0.9);

  /* Layout this system's components differ on, which tokens can't express (see the manifest) */
  --pxd-layout-action-gap: 1px;
  --pxd-layout-action-item: 1 1 0;
  --pxd-layout-action-bleed: var(--pxd-space-stack-default) calc(-1 * var(--pxd-space-inset-comfortable)) calc(-1 * var(--pxd-space-inset-comfortable));

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="carbon"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #161616;
  --pxd-color-surface-subtle: #393939;
  --pxd-color-surface-raised: #262626;
  --pxd-color-surface-overlay: #262626;
  --pxd-color-surface-inverse: #f4f4f4;
  --pxd-color-scrim: rgb(0 0 0 / 0.6);
  --pxd-color-text-default: #f4f4f4;
  --pxd-color-text-muted: #c6c6c6;
  --pxd-color-text-inverse: #161616;
  --pxd-color-text-link: #78a9ff;
  --pxd-color-border-default: #525252;
  --pxd-color-border-strong: #6f6f6f;
  --pxd-color-border-focus: #ffffff;
  --pxd-color-action-primary-background: #0f62fe;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #6f6f6f;
  --pxd-color-action-secondary-foreground: #ffffff;
  --pxd-color-action-secondary-border: #6f6f6f;
  --pxd-color-action-danger-background: #da1e28;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #393939;
  --pxd-color-selection-foreground: #f4f4f4;
  --pxd-color-status-info-background: #262626;
  --pxd-color-status-info-foreground: #f4f4f4;
  --pxd-color-status-info-emphasis: #4589ff;
  --pxd-color-status-success-background: #262626;
  --pxd-color-status-success-foreground: #f4f4f4;
  --pxd-color-status-success-emphasis: #42be65;
  --pxd-color-status-warning-background: #262626;
  --pxd-color-status-warning-foreground: #f4f4f4;
  --pxd-color-status-warning-emphasis: #f1c21b;
  --pxd-color-status-danger-background: #262626;
  --pxd-color-status-danger-foreground: #f4f4f4;
  --pxd-color-status-danger-emphasis: #fa4d56;
  --pxd-color-data-categorical-1: #8a3ffc;
  --pxd-color-data-categorical-2: #33b1ff;
  --pxd-color-data-categorical-3: #007d79;
  --pxd-color-data-categorical-4: #ff7eb6;
  --pxd-color-data-categorical-5: #fa4d56;
  --pxd-color-data-categorical-6: #fff1f1;
  --pxd-color-data-positive: #42be65;
  --pxd-color-data-negative: #fa4d56;
  --pxd-color-data-neutral: #8d8d8d;
  --pxd-type-title-page-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-title-page-size: 32px;
  --pxd-type-title-page-weight: 400;
  --pxd-type-title-page-line-height: 1.25;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 400;
  --pxd-type-title-section-line-height: 1.4;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.42857;
  --pxd-type-body-small-letter-spacing: 0.16px;
  --pxd-type-label-default-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 400;
  --pxd-type-label-default-line-height: 1.28572;
  --pxd-type-label-default-letter-spacing: 0.16px;
  --pxd-type-label-small-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 400;
  --pxd-type-label-small-line-height: 1.33333;
  --pxd-type-label-small-letter-spacing: 0.32px;
  --pxd-type-numeric-display-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
  --pxd-type-numeric-display-size: 42px;
  --pxd-type-numeric-display-weight: 300;
  --pxd-type-numeric-display-line-height: 1.199;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 8px;
  --pxd-space-stack-default: 16px;
  --pxd-space-stack-loose: 32px;
  --pxd-space-stack-section: 48px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 48px;
  --pxd-size-icon-small: 16px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 0px;
  --pxd-radius-control: 0px;
  --pxd-radius-default: 0px;
  --pxd-radius-large: 0px;
  --pxd-radius-full: 999999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: -2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.16;
  --pxd-opacity-state-pressed: 0.4;
  --pxd-opacity-state-focus: 0.16;
  --pxd-opacity-state-disabled: 0.3;
  --pxd-shadow-raised: 0px 0px 0px 0px rgb(0 0 0 / 0);
  --pxd-shadow-overlay: 0px 2px 6px 0px rgb(0 0 0 / 0.8);
  --pxd-motion-duration-instant: 70ms;
  --pxd-motion-duration-short: 110ms;
  --pxd-motion-duration-medium: 240ms;
  --pxd-motion-duration-long: 400ms;
  --pxd-motion-easing-standard: cubic-bezier(0.2, 0, 0.38, 0.9);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.38, 0.9);
  --pxd-motion-easing-exit: cubic-bezier(0.2, 0, 1, 0.9);

  /* Layout this system's components differ on, which tokens can't express (see the manifest) */
  --pxd-layout-action-gap: 1px;
  --pxd-layout-action-item: 1 1 0;
  --pxd-layout-action-bleed: var(--pxd-space-stack-default) calc(-1 * var(--pxd-space-inset-comfortable)) calc(-1 * var(--pxd-space-inset-comfortable));

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the chakra pack. Do not edit. */

[data-pxd-theme="chakra"]:not([data-pxd-mode]),
[data-pxd-theme="chakra"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #FFFFFF;
  --pxd-color-surface-subtle: #fafafa;
  --pxd-color-surface-raised: #FFFFFF;
  --pxd-color-surface-overlay: #FFFFFF;
  --pxd-color-surface-inverse: #09090B;
  --pxd-color-scrim: rgba(0, 0, 0, 0.48);
  --pxd-color-text-default: #09090B;
  --pxd-color-text-muted: #52525b;
  --pxd-color-text-inverse: #fafafa;
  --pxd-color-text-link: #2563eb;
  --pxd-color-border-default: #e4e4e7;
  --pxd-color-border-strong: #71717a;
  --pxd-color-border-focus: #71717a;
  --pxd-color-action-primary-background: #52525b;
  --pxd-color-action-primary-foreground: #fafafa;
  --pxd-color-action-secondary-background: #fafafa;
  --pxd-color-action-secondary-foreground: #09090B;
  --pxd-color-action-secondary-border: #e4e4e7;
  --pxd-color-action-danger-background: #dc2626;
  --pxd-color-action-danger-foreground: #fafafa;
  --pxd-color-selection-background: #eff6ff;
  --pxd-color-selection-foreground: #2563eb;
  --pxd-color-status-info-background: #eff6ff;
  --pxd-color-status-info-foreground: #2563eb;
  --pxd-color-status-info-emphasis: #3b82f6;
  --pxd-color-status-success-background: #f0fdf4;
  --pxd-color-status-success-foreground: #116932;
  --pxd-color-status-success-emphasis: #16a34a;
  --pxd-color-status-warning-background: #fff7ed;
  --pxd-color-status-warning-foreground: #92310a;
  --pxd-color-status-warning-emphasis: #ea580c;
  --pxd-color-status-danger-background: #fef2f2;
  --pxd-color-status-danger-foreground: #991919;
  --pxd-color-status-danger-emphasis: #ef4444;
  --pxd-color-data-categorical-1: #3b82f6;
  --pxd-color-data-categorical-2: #16a34a;
  --pxd-color-data-categorical-3: #a855f7;
  --pxd-color-data-categorical-4: #ea580c;
  --pxd-color-data-categorical-5: #ec4899;
  --pxd-color-data-categorical-6: #0d9488;
  --pxd-color-data-positive: #16a34a;
  --pxd-color-data-negative: #ef4444;
  --pxd-color-data-neutral: #71717a;
  --pxd-type-title-page-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-title-page-size: 24px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 1.25;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.375;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.375;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.5;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.375;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.375;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-numeric-display-size: 24px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 1.25;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 18px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 4px;
  --pxd-radius-default: 6px;
  --pxd-radius-large: 8px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 2px 4px 0px color-mix(in srgb, #18181b 10%, transparent), 0px 0px 1px 0px color-mix(in srgb, #18181b 30%, transparent);
  --pxd-shadow-overlay: 0px 8px 16px 0px color-mix(in srgb, #18181b 10%, transparent), 0px 0px 1px 0px color-mix(in srgb, #18181b 30%, transparent);
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.42, 0, 0.58, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.58, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.42, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="chakra"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #09090B;
  --pxd-color-surface-subtle: #111111;
  --pxd-color-surface-raised: #111111;
  --pxd-color-surface-overlay: #111111;
  --pxd-color-surface-inverse: #FFFFFF;
  --pxd-color-scrim: rgba(0, 0, 0, 0.48);
  --pxd-color-text-default: #fafafa;
  --pxd-color-text-muted: #a1a1aa;
  --pxd-color-text-inverse: #09090B;
  --pxd-color-text-link: #60a5fa;
  --pxd-color-border-default: #27272a;
  --pxd-color-border-strong: #71717a;
  --pxd-color-border-focus: #71717a;
  --pxd-color-action-primary-background: #a1a1aa;
  --pxd-color-action-primary-foreground: #09090B;
  --pxd-color-action-secondary-background: #111111;
  --pxd-color-action-secondary-foreground: #fafafa;
  --pxd-color-action-secondary-border: #27272a;
  --pxd-color-action-danger-background: #f87171;
  --pxd-color-action-danger-foreground: #09090B;
  --pxd-color-selection-background: #0c142e;
  --pxd-color-selection-foreground: #a3cfff;
  --pxd-color-status-info-background: #0c142e;
  --pxd-color-status-info-foreground: #a3cfff;
  --pxd-color-status-info-emphasis: #60a5fa;
  --pxd-color-status-success-background: #03190c;
  --pxd-color-status-success-foreground: #86efac;
  --pxd-color-status-success-emphasis: #4ade80;
  --pxd-color-status-warning-background: #220a04;
  --pxd-color-status-warning-foreground: #fdba74;
  --pxd-color-status-warning-emphasis: #fb923c;
  --pxd-color-status-danger-background: #1f0808;
  --pxd-color-status-danger-foreground: #fca5a5;
  --pxd-color-status-danger-emphasis: #f87171;
  --pxd-color-data-categorical-1: #60a5fa;
  --pxd-color-data-categorical-2: #4ade80;
  --pxd-color-data-categorical-3: #c084fc;
  --pxd-color-data-categorical-4: #fb923c;
  --pxd-color-data-categorical-5: #f472b6;
  --pxd-color-data-categorical-6: #2dd4bf;
  --pxd-color-data-positive: #4ade80;
  --pxd-color-data-negative: #f87171;
  --pxd-color-data-neutral: #a1a1aa;
  --pxd-type-title-page-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-title-page-size: 24px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 1.25;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.375;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.375;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.5;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.375;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.375;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pxd-type-numeric-display-size: 24px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 1.25;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 18px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 4px;
  --pxd-radius-default: 6px;
  --pxd-radius-large: 8px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 2px 4px 0px color-mix(in srgb, black 64%, transparent), inset 0px 0px 1px 0px color-mix(in srgb, #d4d4d8 30%, transparent);
  --pxd-shadow-overlay: 0px 8px 16px 0px color-mix(in srgb, black 64%, transparent), inset 0px 0px 1px 0px color-mix(in srgb, #d4d4d8 30%, transparent);
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.42, 0, 0.58, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.58, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.42, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the fluent pack. Do not edit. */

[data-pxd-theme="fluent"]:not([data-pxd-mode]),
[data-pxd-theme="fluent"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #fafafa;
  --pxd-color-surface-subtle: #f5f5f5;
  --pxd-color-surface-raised: #ffffff;
  --pxd-color-surface-overlay: #ffffff;
  --pxd-color-surface-inverse: #292929;
  --pxd-color-scrim: rgba(0, 0, 0, 0.4);
  --pxd-color-text-default: #242424;
  --pxd-color-text-muted: #424242;
  --pxd-color-text-inverse: #ffffff;
  --pxd-color-text-link: #115ea3;
  --pxd-color-border-default: #e0e0e0;
  --pxd-color-border-strong: #616161;
  --pxd-color-border-focus: #000000;
  --pxd-color-action-primary-background: #0f6cbd;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #ffffff;
  --pxd-color-action-secondary-foreground: #242424;
  --pxd-color-action-secondary-border: #d1d1d1;
  --pxd-color-action-danger-background: #d13438;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #ebf3fc;
  --pxd-color-selection-foreground: #115ea3;
  --pxd-color-status-info-background: #a9d3f2;
  --pxd-color-status-info-foreground: #004377;
  --pxd-color-status-info-emphasis: #0078d4;
  --pxd-color-status-success-background: #f1faf1;
  --pxd-color-status-success-foreground: #0e700e;
  --pxd-color-status-success-emphasis: #107c10;
  --pxd-color-status-warning-background: #fff9f5;
  --pxd-color-status-warning-foreground: #8a3707;
  --pxd-color-status-warning-emphasis: #bc4b09;
  --pxd-color-status-danger-background: #fdf3f4;
  --pxd-color-status-danger-foreground: #b10e1c;
  --pxd-color-status-danger-emphasis: #c50f1f;
  --pxd-color-data-categorical-1: #004377;
  --pxd-color-data-categorical-2: #094509;
  --pxd-color-data-categorical-3: #341a51;
  --pxd-color-data-categorical-4: #8f4e00;
  --pxd-color-data-categorical-5: #02494c;
  --pxd-color-data-categorical-6: #6b0043;
  --pxd-color-data-positive: #094509;
  --pxd-color-data-negative: #751d1f;
  --pxd-color-data-neutral: #616161;
  --pxd-type-title-page-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-page-size: 32px;
  --pxd-type-title-page-weight: 600;
  --pxd-type-title-page-line-height: 40px;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 28px;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 22px;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 22px;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 20px;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 600;
  --pxd-type-label-default-line-height: 20px;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 600;
  --pxd-type-label-small-line-height: 16px;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-numeric-display-size: 28px;
  --pxd-type-numeric-display-weight: 600;
  --pxd-type-numeric-display-line-height: 36px;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 12px;
  --pxd-space-inset-comfortable: 20px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 12px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 2px;
  --pxd-radius-control: 4px;
  --pxd-radius-default: 4px;
  --pxd-radius-large: 6px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.38;
  --pxd-shadow-raised: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 2px 4px 0px rgba(0,0,0,0.14);
  --pxd-shadow-overlay: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 8px 16px 0px rgba(0,0,0,0.14);
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 100ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.33, 0, 0.67, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --pxd-motion-easing-exit: cubic-bezier(1, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="fluent"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #1f1f1f;
  --pxd-color-surface-subtle: #141414;
  --pxd-color-surface-raised: #292929;
  --pxd-color-surface-overlay: #292929;
  --pxd-color-surface-inverse: #ffffff;
  --pxd-color-scrim: rgba(0, 0, 0, 0.5);
  --pxd-color-text-default: #ffffff;
  --pxd-color-text-muted: #d6d6d6;
  --pxd-color-text-inverse: #242424;
  --pxd-color-text-link: #479ef5;
  --pxd-color-border-default: #525252;
  --pxd-color-border-strong: #adadad;
  --pxd-color-border-focus: #ffffff;
  --pxd-color-action-primary-background: #0f6cbd;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #292929;
  --pxd-color-action-secondary-foreground: #ffffff;
  --pxd-color-action-secondary-border: #666666;
  --pxd-color-action-danger-background: #d13438;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #082338;
  --pxd-color-selection-foreground: #62abf5;
  --pxd-color-status-info-background: #004377;
  --pxd-color-status-info-foreground: #a9d3f2;
  --pxd-color-status-info-emphasis: #5caae5;
  --pxd-color-status-success-background: #052505;
  --pxd-color-status-success-foreground: #54b054;
  --pxd-color-status-success-emphasis: #54b054;
  --pxd-color-status-warning-background: #4a1e04;
  --pxd-color-status-warning-foreground: #fdcfb4;
  --pxd-color-status-warning-emphasis: #f98845;
  --pxd-color-status-danger-background: #3b0509;
  --pxd-color-status-danger-foreground: #dc626d;
  --pxd-color-status-danger-emphasis: #dc626d;
  --pxd-color-data-categorical-1: #a9d3f2;
  --pxd-color-data-categorical-2: #9fd89f;
  --pxd-color-data-categorical-3: #c6b1de;
  --pxd-color-data-categorical-4: #ffddb3;
  --pxd-color-data-categorical-5: #9bd9db;
  --pxd-color-data-categorical-6: #eca5d1;
  --pxd-color-data-positive: #9fd89f;
  --pxd-color-data-negative: #f1bbbc;
  --pxd-color-data-neutral: #adadad;
  --pxd-type-title-page-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-page-size: 32px;
  --pxd-type-title-page-weight: 600;
  --pxd-type-title-page-line-height: 40px;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 28px;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 22px;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 22px;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 20px;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 600;
  --pxd-type-label-default-line-height: 20px;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 600;
  --pxd-type-label-small-line-height: 16px;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-numeric-display-size: 28px;
  --pxd-type-numeric-display-weight: 600;
  --pxd-type-numeric-display-line-height: 36px;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 12px;
  --pxd-space-inset-comfortable: 20px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 12px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 2px;
  --pxd-radius-control: 4px;
  --pxd-radius-default: 4px;
  --pxd-radius-large: 6px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.38;
  --pxd-shadow-raised: 0px 0px 2px 0px rgba(0,0,0,0.24), 0px 2px 4px 0px rgba(0,0,0,0.28);
  --pxd-shadow-overlay: 0px 0px 2px 0px rgba(0,0,0,0.24), 0px 8px 16px 0px rgba(0,0,0,0.28);
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 100ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.33, 0, 0.67, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --pxd-motion-easing-exit: cubic-bezier(1, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the govuk pack. Do not edit. */

[data-pxd-theme="govuk"] {
  --pxd-color-surface-default: #ffffff;
  --pxd-color-surface-subtle: #f4f8fb;
  --pxd-color-surface-raised: #ffffff;
  --pxd-color-surface-overlay: #ffffff;
  --pxd-color-surface-inverse: #0b0c0c;
  --pxd-color-scrim: rgba(11, 12, 12, 0.6);
  --pxd-color-text-default: #0b0c0c;
  --pxd-color-text-muted: #484949;
  --pxd-color-text-inverse: #ffffff;
  --pxd-color-text-link: #1a65a6;
  --pxd-color-border-default: #cecece;
  --pxd-color-border-strong: #858686;
  --pxd-color-border-focus: #0b0c0c;
  --pxd-color-action-primary-background: #0f7a52;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #cecece;
  --pxd-color-action-secondary-foreground: #0b0c0c;
  --pxd-color-action-secondary-border: #0b0c0c;
  --pxd-color-action-danger-background: #ca3535;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #f4f8fb;
  --pxd-color-selection-foreground: #0b0c0c;
  --pxd-color-status-info-background: #f4f8fb;
  --pxd-color-status-info-foreground: #16548a;
  --pxd-color-status-info-emphasis: #1d70b8;
  --pxd-color-status-success-background: #f3f8f6;
  --pxd-color-status-success-foreground: #0b5c3e;
  --pxd-color-status-success-emphasis: #0f7a52;
  --pxd-color-status-warning-background: #fef8f5;
  --pxd-color-status-warning-foreground: #7a3c1c;
  --pxd-color-status-warning-emphasis: #b7592a;
  --pxd-color-status-danger-background: #fcf5f5;
  --pxd-color-status-danger-foreground: #982828;
  --pxd-color-status-danger-emphasis: #ca3535;
  --pxd-color-data-categorical-1: #1d70b8;
  --pxd-color-data-categorical-2: #0f7a52;
  --pxd-color-data-categorical-3: #54319f;
  --pxd-color-data-categorical-4: #b7592a;
  --pxd-color-data-categorical-5: #ca357c;
  --pxd-color-data-categorical-6: #158187;
  --pxd-color-data-positive: #0f7a52;
  --pxd-color-data-negative: #ca3535;
  --pxd-color-data-neutral: #99704a;
  --pxd-type-title-page-family: "GDS Transport", arial, sans-serif;
  --pxd-type-title-page-size: 36px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 40px;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "GDS Transport", arial, sans-serif;
  --pxd-type-title-section-size: 24px;
  --pxd-type-title-section-weight: 700;
  --pxd-type-title-section-line-height: 30px;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "GDS Transport", arial, sans-serif;
  --pxd-type-title-item-size: 19px;
  --pxd-type-title-item-weight: 700;
  --pxd-type-title-item-line-height: 25px;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "GDS Transport", arial, sans-serif;
  --pxd-type-body-default-size: 19px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 25px;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "GDS Transport", arial, sans-serif;
  --pxd-type-body-small-size: 16px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 20px;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: "GDS Transport", arial, sans-serif;
  --pxd-type-label-default-size: 19px;
  --pxd-type-label-default-weight: 700;
  --pxd-type-label-default-line-height: 25px;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: "GDS Transport", arial, sans-serif;
  --pxd-type-label-small-size: 16px;
  --pxd-type-label-small-weight: 700;
  --pxd-type-label-small-line-height: 20px;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: "GDS Transport", arial, sans-serif;
  --pxd-type-numeric-display-size: 36px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 40px;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 10px;
  --pxd-space-inset-default: 20px;
  --pxd-space-inset-comfortable: 30px;
  --pxd-space-stack-tight: 5px;
  --pxd-space-stack-default: 10px;
  --pxd-space-stack-loose: 20px;
  --pxd-space-stack-section: 40px;
  --pxd-space-inline-tight: 5px;
  --pxd-space-inline-default: 10px;
  --pxd-space-inline-loose: 20px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 16px;
  --pxd-size-icon-default: 19px;
  --pxd-radius-small: 0px;
  --pxd-radius-control: 0px;
  --pxd-radius-default: 0px;
  --pxd-radius-large: 0px;
  --pxd-radius-full: 0px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 3px;
  --pxd-focus-ring-offset: 0px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  --pxd-shadow-overlay: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  --pxd-motion-duration-instant: 0ms;
  --pxd-motion-duration-short: 0ms;
  --pxd-motion-duration-medium: 0ms;
  --pxd-motion-duration-long: 0ms;
  --pxd-motion-easing-standard: cubic-bezier(0, 0, 1, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 1, 1);
  --pxd-motion-easing-exit: cubic-bezier(0, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the mantine pack. Do not edit. */

[data-pxd-theme="mantine"]:not([data-pxd-mode]),
[data-pxd-theme="mantine"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #fff;
  --pxd-color-surface-subtle: #f8f9fa;
  --pxd-color-surface-raised: #fff;
  --pxd-color-surface-overlay: #fff;
  --pxd-color-surface-inverse: #000;
  --pxd-color-scrim: rgba(0, 0, 0, 0.6);
  --pxd-color-text-default: #000;
  --pxd-color-text-muted: #495057;
  --pxd-color-text-inverse: #fff;
  --pxd-color-text-link: #1971c2;
  --pxd-color-border-default: #ced4da;
  --pxd-color-border-strong: #868e96;
  --pxd-color-border-focus: #228be6;
  --pxd-color-action-primary-background: #1971c2;
  --pxd-color-action-primary-foreground: #fff;
  --pxd-color-action-secondary-background: #fff;
  --pxd-color-action-secondary-foreground: #000;
  --pxd-color-action-secondary-border: #ced4da;
  --pxd-color-action-danger-background: #e03131;
  --pxd-color-action-danger-foreground: #fff;
  --pxd-color-selection-background: #d0ebff;
  --pxd-color-selection-foreground: #1864ab;
  --pxd-color-status-info-background: #d0ebff;
  --pxd-color-status-info-foreground: #1864ab;
  --pxd-color-status-info-emphasis: #228be6;
  --pxd-color-status-success-background: #d3f9d8;
  --pxd-color-status-success-foreground: #000;
  --pxd-color-status-success-emphasis: #2f9e44;
  --pxd-color-status-warning-background: #fff3bf;
  --pxd-color-status-warning-foreground: #000;
  --pxd-color-status-warning-emphasis: #000;
  --pxd-color-status-danger-background: #ffe3e3;
  --pxd-color-status-danger-foreground: #c92a2a;
  --pxd-color-status-danger-emphasis: #fa5252;
  --pxd-color-data-categorical-1: #228be6;
  --pxd-color-data-categorical-2: #0ca678;
  --pxd-color-data-categorical-3: #be4bdb;
  --pxd-color-data-categorical-4: #f76707;
  --pxd-color-data-categorical-5: #e64980;
  --pxd-color-data-categorical-6: #1098ad;
  --pxd-color-data-positive: #2f9e44;
  --pxd-color-data-negative: #fa5252;
  --pxd-color-data-neutral: #868e96;
  --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-page-size: 20px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 1.45;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-section-size: 18px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.45;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.55;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.55;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.55;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.55;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.55;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-numeric-display-size: 20px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 1.45;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 10px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 20px;
  --pxd-space-stack-tight: 10px;
  --pxd-space-stack-default: 12px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 10px;
  --pxd-space-inline-default: 12px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 18px;
  --pxd-radius-small: 2px;
  --pxd-radius-control: 4px;
  --pxd-radius-default: 8px;
  --pxd-radius-large: 16px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.4;
  --pxd-shadow-raised: 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px 10px 15px 0px rgba(0, 0, 0, 0.05), 0px 7px 7px 0px rgba(0, 0, 0, 0.04);
  --pxd-shadow-overlay: 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px 28px 23px 0px rgba(0, 0, 0, 0.05), 0px 12px 12px 0px rgba(0, 0, 0, 0.04);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="mantine"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #242424;
  --pxd-color-surface-subtle: #3b3b3b;
  --pxd-color-surface-raised: #2e2e2e;
  --pxd-color-surface-overlay: #2e2e2e;
  --pxd-color-surface-inverse: #c9c9c9;
  --pxd-color-scrim: rgba(0, 0, 0, 0.6);
  --pxd-color-text-default: #c9c9c9;
  --pxd-color-text-muted: #ced4da;
  --pxd-color-text-inverse: #242424;
  --pxd-color-text-link: #339af0;
  --pxd-color-border-default: #424242;
  --pxd-color-border-strong: #adb5bd;
  --pxd-color-border-focus: #1971c2;
  --pxd-color-action-primary-background: #1971c2;
  --pxd-color-action-primary-foreground: #fff;
  --pxd-color-action-secondary-background: #2e2e2e;
  --pxd-color-action-secondary-foreground: #c9c9c9;
  --pxd-color-action-secondary-border: #424242;
  --pxd-color-action-danger-background: #e03131;
  --pxd-color-action-danger-foreground: #fff;
  --pxd-color-selection-background: rgba(12, 50, 86, 1);
  --pxd-color-selection-foreground: #e7f5ff;
  --pxd-color-status-info-background: rgba(12, 50, 86, 1);
  --pxd-color-status-info-foreground: #e7f5ff;
  --pxd-color-status-info-emphasis: #339af0;
  --pxd-color-status-success-background: rgba(22, 69, 31, 1);
  --pxd-color-status-success-foreground: #ebfbee;
  --pxd-color-status-success-emphasis: #51cf66;
  --pxd-color-status-warning-background: rgba(115, 60, 0, 1);
  --pxd-color-status-warning-foreground: #fff9db;
  --pxd-color-status-warning-emphasis: #fcc419;
  --pxd-color-status-danger-background: rgba(101, 21, 21, 1);
  --pxd-color-status-danger-foreground: #fff5f5;
  --pxd-color-status-danger-emphasis: #ff6b6b;
  --pxd-color-data-categorical-1: #339af0;
  --pxd-color-data-categorical-2: #20c997;
  --pxd-color-data-categorical-3: #cc5de8;
  --pxd-color-data-categorical-4: #ff922b;
  --pxd-color-data-categorical-5: #f06595;
  --pxd-color-data-categorical-6: #22b8cf;
  --pxd-color-data-positive: #51cf66;
  --pxd-color-data-negative: #ff6b6b;
  --pxd-color-data-neutral: #adb5bd;
  --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-page-size: 20px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 1.45;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-section-size: 18px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.45;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.55;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.55;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.55;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.55;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.55;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-numeric-display-size: 20px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 1.45;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 10px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 20px;
  --pxd-space-stack-tight: 10px;
  --pxd-space-stack-default: 12px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 10px;
  --pxd-space-inline-default: 12px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 18px;
  --pxd-radius-small: 2px;
  --pxd-radius-control: 4px;
  --pxd-radius-default: 8px;
  --pxd-radius-large: 16px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.4;
  --pxd-shadow-raised: 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px 10px 15px 0px rgba(0, 0, 0, 0.05), 0px 7px 7px 0px rgba(0, 0, 0, 0.04);
  --pxd-shadow-overlay: 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px 28px 23px 0px rgba(0, 0, 0, 0.05), 0px 12px 12px 0px rgba(0, 0, 0, 0.04);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the material3 pack. Do not edit. */

[data-pxd-theme="material3"]:not([data-pxd-mode]),
[data-pxd-theme="material3"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #fdf7ff;
  --pxd-color-surface-subtle: #f2ecf4;
  --pxd-color-surface-raised: #f8f2fa;
  --pxd-color-surface-overlay: #ece6ee;
  --pxd-color-surface-inverse: #322f35;
  --pxd-color-scrim: rgb(0 0 0 / 0.32);
  --pxd-color-text-default: #1d1b20;
  --pxd-color-text-muted: #49454e;
  --pxd-color-text-inverse: #f5eff7;
  --pxd-color-text-link: #65558f;
  --pxd-color-border-default: #cac4cf;
  --pxd-color-border-strong: #7a757f;
  --pxd-color-border-focus: #625b71;
  --pxd-color-action-primary-background: #65558f;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #e8def8;
  --pxd-color-action-secondary-foreground: #4a4458;
  --pxd-color-action-secondary-border: #7a757f;
  --pxd-color-action-danger-background: #ba1a1a;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #e8def8;
  --pxd-color-selection-foreground: #4a4458;
  --pxd-color-status-info-background: #cee5ff;
  --pxd-color-status-info-foreground: #004a75;
  --pxd-color-status-info-emphasis: #00639a;
  --pxd-color-status-success-background: #a3f69c;
  --pxd-color-status-success-foreground: #005312;
  --pxd-color-status-success-emphasis: #1b6d24;
  --pxd-color-status-warning-background: #ffddb5;
  --pxd-color-status-warning-foreground: #643f00;
  --pxd-color-status-warning-emphasis: #835400;
  --pxd-color-status-danger-background: #ffdad6;
  --pxd-color-status-danger-foreground: #93000a;
  --pxd-color-status-danger-emphasis: #ba1a1a;
  --pxd-color-data-categorical-1: #6750a4;
  --pxd-color-data-categorical-2: #006b5a;
  --pxd-color-data-categorical-3: #904d00;
  --pxd-color-data-categorical-4: #00658f;
  --pxd-color-data-categorical-5: #586400;
  --pxd-color-data-categorical-6: #984062;
  --pxd-color-data-positive: #1b6d24;
  --pxd-color-data-negative: #ba1a1a;
  --pxd-color-data-neutral: #7a757f;
  --pxd-type-title-page-family: Roboto, system-ui, sans-serif;
  --pxd-type-title-page-size: 32px;
  --pxd-type-title-page-weight: 400;
  --pxd-type-title-page-line-height: 1.25;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: Roboto, system-ui, sans-serif;
  --pxd-type-title-section-size: 22px;
  --pxd-type-title-section-weight: 400;
  --pxd-type-title-section-line-height: 1.2727;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: Roboto, system-ui, sans-serif;
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 500;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0.15px;
  --pxd-type-body-default-family: Roboto, system-ui, sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0.5px;
  --pxd-type-body-small-family: Roboto, system-ui, sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.4286;
  --pxd-type-body-small-letter-spacing: 0.25px;
  --pxd-type-label-default-family: Roboto, system-ui, sans-serif;
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.4286;
  --pxd-type-label-default-letter-spacing: 0.1px;
  --pxd-type-label-small-family: Roboto, system-ui, sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.3333;
  --pxd-type-label-small-letter-spacing: 0.5px;
  --pxd-type-numeric-display-family: Roboto, system-ui, sans-serif;
  --pxd-type-numeric-display-size: 36px;
  --pxd-type-numeric-display-weight: 400;
  --pxd-type-numeric-display-line-height: 1.2222;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 48px;
  --pxd-size-icon-small: 18px;
  --pxd-size-icon-default: 24px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 9999px;
  --pxd-radius-default: 12px;
  --pxd-radius-large: 28px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 3px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.08;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.38;
  --pxd-shadow-raised: 0px 1px 2px 0px rgb(0 0 0 / 0.3), 0px 1px 3px 1px rgb(0 0 0 / 0.15);
  --pxd-shadow-overlay: 0px 1px 3px 0px rgb(0 0 0 / 0.3), 0px 4px 8px 3px rgb(0 0 0 / 0.15);
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 200ms;
  --pxd-motion-duration-medium: 300ms;
  --pxd-motion-duration-long: 500ms;
  --pxd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --pxd-motion-easing-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="material3"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #141218;
  --pxd-color-surface-subtle: #211f24;
  --pxd-color-surface-raised: #1d1b20;
  --pxd-color-surface-overlay: #2b292f;
  --pxd-color-surface-inverse: #e6e0e9;
  --pxd-color-scrim: rgb(0 0 0 / 0.32);
  --pxd-color-text-default: #e6e0e9;
  --pxd-color-text-muted: #cac4cf;
  --pxd-color-text-inverse: #322f35;
  --pxd-color-text-link: #cfbdfe;
  --pxd-color-border-default: #49454e;
  --pxd-color-border-strong: #948f99;
  --pxd-color-border-focus: #cbc2db;
  --pxd-color-action-primary-background: #cfbdfe;
  --pxd-color-action-primary-foreground: #36275d;
  --pxd-color-action-secondary-background: #4a4458;
  --pxd-color-action-secondary-foreground: #e8def8;
  --pxd-color-action-secondary-border: #948f99;
  --pxd-color-action-danger-background: #ffb4ab;
  --pxd-color-action-danger-foreground: #690005;
  --pxd-color-selection-background: #4a4458;
  --pxd-color-selection-foreground: #e8def8;
  --pxd-color-status-info-background: #004a75;
  --pxd-color-status-info-foreground: #cee5ff;
  --pxd-color-status-info-emphasis: #96ccff;
  --pxd-color-status-success-background: #005312;
  --pxd-color-status-success-foreground: #a3f69c;
  --pxd-color-status-success-emphasis: #88d982;
  --pxd-color-status-warning-background: #643f00;
  --pxd-color-status-warning-foreground: #ffddb5;
  --pxd-color-status-warning-emphasis: #ffb957;
  --pxd-color-status-danger-background: #93000a;
  --pxd-color-status-danger-foreground: #ffdad6;
  --pxd-color-status-danger-emphasis: #ffb4ab;
  --pxd-color-data-categorical-1: #cfbcff;
  --pxd-color-data-categorical-2: #5adbbf;
  --pxd-color-data-categorical-3: #ffb77b;
  --pxd-color-data-categorical-4: #85cfff;
  --pxd-color-data-categorical-5: #bfcf61;
  --pxd-color-data-categorical-6: #ffb0c9;
  --pxd-color-data-positive: #88d982;
  --pxd-color-data-negative: #ffb4ab;
  --pxd-color-data-neutral: #948f99;
  --pxd-type-title-page-family: Roboto, system-ui, sans-serif;
  --pxd-type-title-page-size: 32px;
  --pxd-type-title-page-weight: 400;
  --pxd-type-title-page-line-height: 1.25;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: Roboto, system-ui, sans-serif;
  --pxd-type-title-section-size: 22px;
  --pxd-type-title-section-weight: 400;
  --pxd-type-title-section-line-height: 1.2727;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: Roboto, system-ui, sans-serif;
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 500;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0.15px;
  --pxd-type-body-default-family: Roboto, system-ui, sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0.5px;
  --pxd-type-body-small-family: Roboto, system-ui, sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.4286;
  --pxd-type-body-small-letter-spacing: 0.25px;
  --pxd-type-label-default-family: Roboto, system-ui, sans-serif;
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.4286;
  --pxd-type-label-default-letter-spacing: 0.1px;
  --pxd-type-label-small-family: Roboto, system-ui, sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.3333;
  --pxd-type-label-small-letter-spacing: 0.5px;
  --pxd-type-numeric-display-family: Roboto, system-ui, sans-serif;
  --pxd-type-numeric-display-size: 36px;
  --pxd-type-numeric-display-weight: 400;
  --pxd-type-numeric-display-line-height: 1.2222;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 48px;
  --pxd-size-icon-small: 18px;
  --pxd-size-icon-default: 24px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 9999px;
  --pxd-radius-default: 12px;
  --pxd-radius-large: 28px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 3px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.08;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.38;
  --pxd-shadow-raised: 0px 1px 2px 0px rgb(0 0 0 / 0.3), 0px 1px 3px 1px rgb(0 0 0 / 0.15);
  --pxd-shadow-overlay: 0px 1px 3px 0px rgb(0 0 0 / 0.3), 0px 4px 8px 3px rgb(0 0 0 / 0.15);
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 200ms;
  --pxd-motion-duration-medium: 300ms;
  --pxd-motion-duration-long: 500ms;
  --pxd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --pxd-motion-easing-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the polaris pack. Do not edit. */

[data-pxd-theme="polaris"]:not([data-pxd-mode]),
[data-pxd-theme="polaris"][data-pxd-mode="light"] {
  --pxd-color-surface-default: rgba(255, 255, 255, 1);
  --pxd-color-surface-subtle: rgba(241, 241, 241, 1);
  --pxd-color-surface-raised: rgba(255, 255, 255, 1);
  --pxd-color-surface-overlay: rgba(255, 255, 255, 1);
  --pxd-color-surface-inverse: rgba(48, 48, 48, 1);
  --pxd-color-scrim: rgba(0, 0, 0, 0.71);
  --pxd-color-text-default: rgba(26, 26, 26, 1);
  --pxd-color-text-muted: rgba(74, 74, 74, 1);
  --pxd-color-text-inverse: rgba(227, 227, 227, 1);
  --pxd-color-text-link: rgba(0, 91, 211, 1);
  --pxd-color-border-default: rgba(204, 204, 204, 1);
  --pxd-color-border-strong: rgba(138, 138, 138, 1);
  --pxd-color-border-focus: rgba(0, 91, 211, 1);
  --pxd-color-action-primary-background: rgba(48, 48, 48, 1);
  --pxd-color-action-primary-foreground: rgba(255, 255, 255, 1);
  --pxd-color-action-secondary-background: rgba(255, 255, 255, 1);
  --pxd-color-action-secondary-foreground: rgba(26, 26, 26, 1);
  --pxd-color-action-secondary-border: rgba(138, 138, 138, 1);
  --pxd-color-action-danger-background: rgba(199, 10, 36, 1);
  --pxd-color-action-danger-foreground: rgba(255, 250, 251, 1);
  --pxd-color-selection-background: rgba(240, 242, 255, 1);
  --pxd-color-selection-foreground: rgba(0, 91, 211, 1);
  --pxd-color-status-info-background: rgba(234, 244, 255, 1);
  --pxd-color-status-info-foreground: rgba(0, 58, 90, 1);
  --pxd-color-status-info-emphasis: rgba(0, 148, 213, 1);
  --pxd-color-status-success-background: rgba(205, 254, 212, 1);
  --pxd-color-status-success-foreground: rgba(1, 75, 64, 1);
  --pxd-color-status-success-emphasis: rgba(4, 123, 93, 1);
  --pxd-color-status-warning-background: rgba(255, 241, 227, 1);
  --pxd-color-status-warning-foreground: rgba(94, 66, 0, 1);
  --pxd-color-status-warning-emphasis: rgba(178, 132, 0, 1);
  --pxd-color-status-danger-background: rgba(254, 232, 235, 1);
  --pxd-color-status-danger-foreground: rgba(142, 11, 33, 1);
  --pxd-color-status-danger-emphasis: rgba(226, 44, 56, 1);
  --pxd-color-data-categorical-1: rgba(0, 148, 213, 1);
  --pxd-color-data-categorical-2: rgba(4, 123, 93, 1);
  --pxd-color-data-categorical-3: rgba(128, 81, 255, 1);
  --pxd-color-data-categorical-4: rgba(178, 132, 0, 1);
  --pxd-color-data-categorical-5: rgba(226, 44, 56, 1);
  --pxd-color-data-categorical-6: rgba(153, 138, 0, 1);
  --pxd-color-data-positive: rgba(4, 123, 93, 1);
  --pxd-color-data-negative: rgba(226, 44, 56, 1);
  --pxd-color-data-neutral: rgba(74, 74, 74, 1);
  --pxd-type-title-page-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-page-size: 24px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 32px;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-section-size: 16px;
  --pxd-type-title-section-weight: 650;
  --pxd-type-title-section-line-height: 24px;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-item-size: 14px;
  --pxd-type-title-item-weight: 650;
  --pxd-type-title-item-line-height: 20px;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 450;
  --pxd-type-body-default-line-height: 24px;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 450;
  --pxd-type-body-small-line-height: 20px;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-label-default-size: 13px;
  --pxd-type-label-default-weight: 550;
  --pxd-type-label-default-line-height: 20px;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 550;
  --pxd-type-label-small-line-height: 16px;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-numeric-display-size: 24px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 32px;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 20px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 8px;
  --pxd-radius-default: 12px;
  --pxd-radius-large: 16px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.05;
  --pxd-opacity-state-pressed: 0.08;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.4;
  --pxd-shadow-raised: 0px 3px 1px -1px rgba(26, 26, 26, 0.07);
  --pxd-shadow-overlay: 0px 8px 16px -4px rgba(26, 26, 26, 0.22);
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.58, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.42, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="polaris"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: rgba(48, 48, 48, 1);
  --pxd-color-surface-subtle: rgba(26, 26, 26, 1);
  --pxd-color-surface-raised: rgba(48, 48, 48, 1);
  --pxd-color-surface-overlay: rgba(48, 48, 48, 1);
  --pxd-color-surface-inverse: rgba(48, 48, 48, 1);
  --pxd-color-scrim: rgba(0, 0, 0, 0.71);
  --pxd-color-text-default: rgba(227, 227, 227, 1);
  --pxd-color-text-muted: rgba(181, 181, 181, 1);
  --pxd-color-text-inverse: rgba(227, 227, 227, 1);
  --pxd-color-text-link: rgba(240, 242, 255, 1);
  --pxd-color-border-default: rgba(204, 204, 204, 1);
  --pxd-color-border-strong: rgba(138, 138, 138, 1);
  --pxd-color-border-focus: rgba(240, 242, 255, 1);
  --pxd-color-action-primary-background: rgba(255, 255, 255, 1);
  --pxd-color-action-primary-foreground: rgba(48, 48, 48, 1);
  --pxd-color-action-secondary-background: rgba(48, 48, 48, 1);
  --pxd-color-action-secondary-foreground: rgba(227, 227, 227, 1);
  --pxd-color-action-secondary-border: rgba(138, 138, 138, 1);
  --pxd-color-action-danger-background: rgba(254, 193, 199, 1);
  --pxd-color-action-danger-foreground: rgba(142, 11, 33, 1);
  --pxd-color-selection-background: rgba(240, 242, 255, 1);
  --pxd-color-selection-foreground: rgba(0, 91, 211, 1);
  --pxd-color-status-info-background: rgba(234, 244, 255, 1);
  --pxd-color-status-info-foreground: rgba(0, 58, 90, 1);
  --pxd-color-status-info-emphasis: rgba(0, 148, 213, 1);
  --pxd-color-status-success-background: rgba(205, 254, 212, 1);
  --pxd-color-status-success-foreground: rgba(1, 75, 64, 1);
  --pxd-color-status-success-emphasis: rgba(146, 252, 172, 1);
  --pxd-color-status-warning-background: rgba(255, 241, 227, 1);
  --pxd-color-status-warning-foreground: rgba(94, 66, 0, 1);
  --pxd-color-status-warning-emphasis: rgba(178, 132, 0, 1);
  --pxd-color-status-danger-background: rgba(254, 232, 235, 1);
  --pxd-color-status-danger-foreground: rgba(142, 11, 33, 1);
  --pxd-color-status-danger-emphasis: rgba(254, 193, 199, 1);
  --pxd-color-data-categorical-1: rgba(0, 148, 213, 1);
  --pxd-color-data-categorical-2: rgba(146, 252, 172, 1);
  --pxd-color-data-categorical-3: rgba(228, 222, 255, 1);
  --pxd-color-data-categorical-4: rgba(178, 132, 0, 1);
  --pxd-color-data-categorical-5: rgba(254, 193, 199, 1);
  --pxd-color-data-categorical-6: rgba(153, 138, 0, 1);
  --pxd-color-data-positive: rgba(146, 252, 172, 1);
  --pxd-color-data-negative: rgba(254, 193, 199, 1);
  --pxd-color-data-neutral: rgba(227, 227, 227, 1);
  --pxd-type-title-page-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-page-size: 24px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 32px;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-section-size: 16px;
  --pxd-type-title-section-weight: 650;
  --pxd-type-title-section-line-height: 24px;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-title-item-size: 14px;
  --pxd-type-title-item-weight: 650;
  --pxd-type-title-item-line-height: 20px;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 450;
  --pxd-type-body-default-line-height: 24px;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 450;
  --pxd-type-body-small-line-height: 20px;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-label-default-size: 13px;
  --pxd-type-label-default-weight: 550;
  --pxd-type-label-default-line-height: 20px;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 550;
  --pxd-type-label-small-line-height: 16px;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pxd-type-numeric-display-size: 24px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 32px;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 20px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 8px;
  --pxd-radius-default: 12px;
  --pxd-radius-large: 16px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.05;
  --pxd-opacity-state-pressed: 0.08;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.4;
  --pxd-shadow-raised: 0px 3px 1px -1px rgba(26, 26, 26, 0.07);
  --pxd-shadow-overlay: 0px 8px 16px -4px rgba(26, 26, 26, 0.22);
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.58, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.42, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the primer pack. Do not edit. */

[data-pxd-theme="primer"]:not([data-pxd-mode]),
[data-pxd-theme="primer"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #ffffff;
  --pxd-color-surface-subtle: #f6f8fa;
  --pxd-color-surface-raised: #ffffff;
  --pxd-color-surface-overlay: #ffffff;
  --pxd-color-surface-inverse: #25292e;
  --pxd-color-scrim: #c8d1da66;
  --pxd-color-text-default: #1f2328;
  --pxd-color-text-muted: #59636e;
  --pxd-color-text-inverse: #ffffff;
  --pxd-color-text-link: #0969da;
  --pxd-color-border-default: #d1d9e0;
  --pxd-color-border-strong: #818b98;
  --pxd-color-border-focus: #0969da;
  --pxd-color-action-primary-background: #1f883d;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #f6f8fa;
  --pxd-color-action-secondary-foreground: #25292e;
  --pxd-color-action-secondary-border: #d1d9e0;
  --pxd-color-action-danger-background: #cf222e;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #ddf4ff;
  --pxd-color-selection-foreground: #0969da;
  --pxd-color-status-info-background: #ddf4ff;
  --pxd-color-status-info-foreground: #0969da;
  --pxd-color-status-info-emphasis: #0969da;
  --pxd-color-status-success-background: #dafbe1;
  --pxd-color-status-success-foreground: #1a7f37;
  --pxd-color-status-success-emphasis: #1f883d;
  --pxd-color-status-warning-background: #fff8c5;
  --pxd-color-status-warning-foreground: #9a6700;
  --pxd-color-status-warning-emphasis: #9a6700;
  --pxd-color-status-danger-background: #ffebe9;
  --pxd-color-status-danger-foreground: #d1242f;
  --pxd-color-status-danger-emphasis: #cf222e;
  --pxd-color-data-categorical-1: #006edb;
  --pxd-color-data-categorical-2: #30a147;
  --pxd-color-data-categorical-3: #894ceb;
  --pxd-color-data-categorical-4: #eb670f;
  --pxd-color-data-categorical-5: #ce2c85;
  --pxd-color-data-categorical-6: #179b9b;
  --pxd-color-data-positive: #30a147;
  --pxd-color-data-negative: #df0c24;
  --pxd-color-data-neutral: #808fa3;
  --pxd-type-title-page-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-page-size: 32px;
  --pxd-type-title-page-weight: 600;
  --pxd-type-title-page-line-height: 1.25;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.375;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.375;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.625;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.5;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.5;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-numeric-display-size: 32px;
  --pxd-type-numeric-display-weight: 600;
  --pxd-type-numeric-display-line-height: 1.25;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 12px;
  --pxd-space-stack-section: 24px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 12px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 16px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 3px;
  --pxd-radius-control: 6px;
  --pxd-radius-default: 6px;
  --pxd-radius-large: 12px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: -2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
  --pxd-shadow-overlay: 0px 0px 0px 1px #d1d9e040, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 200ms;
  --pxd-motion-duration-medium: 300ms;
  --pxd-motion-duration-long: 500ms;
  --pxd-motion-easing-standard: cubic-bezier(0.6, 0, 0.2, 1);
  --pxd-motion-easing-enter: cubic-bezier(0.3, 0.8, 0.6, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.7, 0.1, 0.75, 0.9);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="primer"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #0d1117;
  --pxd-color-surface-subtle: #151b23;
  --pxd-color-surface-raised: #0d1117;
  --pxd-color-surface-overlay: #010409;
  --pxd-color-surface-inverse: #3d444d;
  --pxd-color-scrim: #21283066;
  --pxd-color-text-default: #f0f6fc;
  --pxd-color-text-muted: #9198a1;
  --pxd-color-text-inverse: #ffffff;
  --pxd-color-text-link: #4493f8;
  --pxd-color-border-default: #3d444d;
  --pxd-color-border-strong: #656c76;
  --pxd-color-border-focus: #1f6feb;
  --pxd-color-action-primary-background: #238636;
  --pxd-color-action-primary-foreground: #ffffff;
  --pxd-color-action-secondary-background: #212830;
  --pxd-color-action-secondary-foreground: #f0f6fc;
  --pxd-color-action-secondary-border: #3d444d;
  --pxd-color-action-danger-background: #da3633;
  --pxd-color-action-danger-foreground: #ffffff;
  --pxd-color-selection-background: #111d2e;
  --pxd-color-selection-foreground: #4493f8;
  --pxd-color-status-info-background: #111d2e;
  --pxd-color-status-info-foreground: #4493f8;
  --pxd-color-status-info-emphasis: #1f6feb;
  --pxd-color-status-success-background: #12261e;
  --pxd-color-status-success-foreground: #3fb950;
  --pxd-color-status-success-emphasis: #238636;
  --pxd-color-status-warning-background: #272215;
  --pxd-color-status-warning-foreground: #d29922;
  --pxd-color-status-warning-emphasis: #9e6a03;
  --pxd-color-status-danger-background: #25181c;
  --pxd-color-status-danger-foreground: #f85149;
  --pxd-color-status-danger-emphasis: #da3633;
  --pxd-color-data-categorical-1: #0576ff;
  --pxd-color-data-categorical-2: #2f6f37;
  --pxd-color-data-categorical-3: #975bf1;
  --pxd-color-data-categorical-4: #984b10;
  --pxd-color-data-categorical-5: #d34591;
  --pxd-color-data-categorical-6: #106c70;
  --pxd-color-data-positive: #2f6f37;
  --pxd-color-data-negative: #eb3342;
  --pxd-color-data-neutral: #576270;
  --pxd-type-title-page-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-page-size: 32px;
  --pxd-type-title-page-weight: 600;
  --pxd-type-title-page-line-height: 1.25;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.375;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.375;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.625;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.5;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.5;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-numeric-display-size: 32px;
  --pxd-type-numeric-display-weight: 600;
  --pxd-type-numeric-display-line-height: 1.25;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 12px;
  --pxd-space-stack-section: 24px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 12px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 16px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 3px;
  --pxd-radius-control: 6px;
  --pxd-radius-default: 6px;
  --pxd-radius-large: 12px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: -2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
  --pxd-shadow-overlay: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --pxd-motion-duration-instant: 50ms;
  --pxd-motion-duration-short: 200ms;
  --pxd-motion-duration-medium: 300ms;
  --pxd-motion-duration-long: 500ms;
  --pxd-motion-easing-standard: cubic-bezier(0.6, 0, 0.2, 1);
  --pxd-motion-easing-enter: cubic-bezier(0.3, 0.8, 0.6, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.7, 0.1, 0.75, 0.9);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the radix pack. Do not edit. */

[data-pxd-theme="radix"]:not([data-pxd-mode]),
[data-pxd-theme="radix"][data-pxd-mode="light"] {
  --pxd-color-surface-default: #fcfcfd;
  --pxd-color-surface-subtle: #f9f9fb;
  --pxd-color-surface-raised: #f9f9fb;
  --pxd-color-surface-overlay: #f9f9fb;
  --pxd-color-surface-inverse: #1c2024;
  --pxd-color-scrim: rgba(0, 0, 0, 0.6);
  --pxd-color-text-default: #1c2024;
  --pxd-color-text-muted: #60646c;
  --pxd-color-text-inverse: #fcfcfd;
  --pxd-color-text-link: #3a5bc7;
  --pxd-color-border-default: #d9d9e0;
  --pxd-color-border-strong: #8b8d98;
  --pxd-color-border-focus: #3e63dd;
  --pxd-color-action-primary-background: #3e63dd;
  --pxd-color-action-primary-foreground: white;
  --pxd-color-action-secondary-background: #f0f0f3;
  --pxd-color-action-secondary-foreground: #1c2024;
  --pxd-color-action-secondary-border: #cdced6;
  --pxd-color-action-danger-background: #ce2c31;
  --pxd-color-action-danger-foreground: #fcfcfd;
  --pxd-color-selection-background: #e1e9ff;
  --pxd-color-selection-foreground: #1f2d5c;
  --pxd-color-status-info-background: #e6f4fe;
  --pxd-color-status-info-foreground: #113264;
  --pxd-color-status-info-emphasis: #0d74ce;
  --pxd-color-status-success-background: #e6f6eb;
  --pxd-color-status-success-foreground: #193b2d;
  --pxd-color-status-success-emphasis: #218358;
  --pxd-color-status-warning-background: #fff7c2;
  --pxd-color-status-warning-foreground: #4f3422;
  --pxd-color-status-warning-emphasis: #ab6400;
  --pxd-color-status-danger-background: #feebec;
  --pxd-color-status-danger-foreground: #641723;
  --pxd-color-status-danger-emphasis: #ce2c31;
  --pxd-color-data-categorical-1: #3a5bc7;
  --pxd-color-data-categorical-2: #218358;
  --pxd-color-data-categorical-3: #8145b5;
  --pxd-color-data-categorical-4: #ab6400;
  --pxd-color-data-categorical-5: #cb1d63;
  --pxd-color-data-categorical-6: #107d98;
  --pxd-color-data-positive: #218358;
  --pxd-color-data-negative: #ce2c31;
  --pxd-color-data-neutral: #60646c;
  --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-page-size: 28px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 36px;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 700;
  --pxd-type-title-section-line-height: 28px;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 500;
  --pxd-type-title-item-line-height: 24px;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 24px;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 20px;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 20px;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 16px;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-numeric-display-size: 35px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 40px;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 12px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 0px;
  --pxd-radius-control: 0px;
  --pxd-radius-default: 0px;
  --pxd-radius-large: 0px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 0px 0px 1px #00002f26, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.15), 0px 1px 1px 0px rgba(0, 0, 0, 0.4), 0px 2px 1px -1px rgba(0, 0, 0, 0.4), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  --pxd-shadow-overlay: 0px 0px 0px 1px #00002f26, 0px 12px 60px 0px rgba(0, 0, 0, 0.3), 0px 12px 32px -16px rgba(0, 0, 0, 0.5);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.45, 0, 0.55, 1);
  --pxd-motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.7, 0, 0.84, 0);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="radix"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: #111113;
  --pxd-color-surface-subtle: #18191b;
  --pxd-color-surface-raised: #18191b;
  --pxd-color-surface-overlay: #18191b;
  --pxd-color-surface-inverse: #edeef0;
  --pxd-color-scrim: rgba(0, 0, 0, 0.6);
  --pxd-color-text-default: #edeef0;
  --pxd-color-text-muted: #b0b4ba;
  --pxd-color-text-inverse: #111113;
  --pxd-color-text-link: #9eb1ff;
  --pxd-color-border-default: #363a3f;
  --pxd-color-border-strong: #696e77;
  --pxd-color-border-focus: #3e63dd;
  --pxd-color-action-primary-background: #3e63dd;
  --pxd-color-action-primary-foreground: white;
  --pxd-color-action-secondary-background: #212225;
  --pxd-color-action-secondary-foreground: #edeef0;
  --pxd-color-action-secondary-border: #43484e;
  --pxd-color-action-danger-background: #ff9592;
  --pxd-color-action-danger-foreground: #111113;
  --pxd-color-selection-background: #1d2e62;
  --pxd-color-selection-foreground: #d6e1ff;
  --pxd-color-status-info-background: #0d2847;
  --pxd-color-status-info-foreground: #c2e6ff;
  --pxd-color-status-info-emphasis: #70b8ff;
  --pxd-color-status-success-background: #132d21;
  --pxd-color-status-success-foreground: #b1f1cb;
  --pxd-color-status-success-emphasis: #3dd68c;
  --pxd-color-status-warning-background: #302008;
  --pxd-color-status-warning-foreground: #ffe7b3;
  --pxd-color-status-warning-emphasis: #ffca16;
  --pxd-color-status-danger-background: #3b1219;
  --pxd-color-status-danger-foreground: #ffd1d9;
  --pxd-color-status-danger-emphasis: #ff9592;
  --pxd-color-data-categorical-1: #9eb1ff;
  --pxd-color-data-categorical-2: #3dd68c;
  --pxd-color-data-categorical-3: #d19dff;
  --pxd-color-data-categorical-4: #ffca16;
  --pxd-color-data-categorical-5: #ff92ad;
  --pxd-color-data-categorical-6: #4ccce6;
  --pxd-color-data-positive: #3dd68c;
  --pxd-color-data-negative: #ff9592;
  --pxd-color-data-neutral: #b0b4ba;
  --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-page-size: 28px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 36px;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 700;
  --pxd-type-title-section-line-height: 28px;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 500;
  --pxd-type-title-item-line-height: 24px;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 24px;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 20px;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 20px;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 16px;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --pxd-type-numeric-display-size: 35px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 40px;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 12px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 20px;
  --pxd-radius-small: 0px;
  --pxd-radius-control: 0px;
  --pxd-radius-default: 0px;
  --pxd-radius-large: 0px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 0px 0px 1px #d6ebfd30, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.15), 0px 1px 1px 0px rgba(0, 0, 0, 0.4), 0px 2px 1px -1px rgba(0, 0, 0, 0.4), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  --pxd-shadow-overlay: 0px 0px 0px 1px #d6ebfd30, 0px 12px 60px 0px rgba(0, 0, 0, 0.3), 0px 12px 32px -16px rgba(0, 0, 0, 0.5);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.45, 0, 0.55, 1);
  --pxd-motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.7, 0, 0.84, 0);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the shadcn pack. Do not edit. */

[data-pxd-theme="shadcn"]:not([data-pxd-mode]),
[data-pxd-theme="shadcn"][data-pxd-mode="light"] {
  --pxd-color-surface-default: oklch(1 0 0);
  --pxd-color-surface-subtle: oklch(0.97 0 0);
  --pxd-color-surface-raised: oklch(1 0 0);
  --pxd-color-surface-overlay: oklch(1 0 0);
  --pxd-color-surface-inverse: oklch(0% 0 0);
  --pxd-color-scrim: rgba(0, 0, 0, 0.5);
  --pxd-color-text-default: oklch(0% 0 0);
  --pxd-color-text-muted: oklch(44.2% 0.017 285.786);
  --pxd-color-text-inverse: oklch(0.985 0 0);
  --pxd-color-text-link: oklch(0% 0 0);
  --pxd-color-border-default: oklch(0.922 0 0);
  --pxd-color-border-strong: oklch(55.2% 0.016 285.938);
  --pxd-color-border-focus: oklch(44.2% 0.017 285.786);
  --pxd-color-action-primary-background: oklch(0% 0 0);
  --pxd-color-action-primary-foreground: oklch(0.985 0 0);
  --pxd-color-action-secondary-background: oklch(0.97 0 0);
  --pxd-color-action-secondary-foreground: oklch(0.205 0 0);
  --pxd-color-action-secondary-border: oklch(0.922 0 0);
  --pxd-color-action-danger-background: oklch(0.577 0.245 27.325);
  --pxd-color-action-danger-foreground: oklch(1 0 0);
  --pxd-color-selection-background: oklch(0.97 0 0);
  --pxd-color-selection-foreground: oklch(0.205 0 0);
  --pxd-color-status-info-background: oklch(97% 0.014 254.604);
  --pxd-color-status-info-foreground: oklch(48.8% 0.243 264.376);
  --pxd-color-status-info-emphasis: oklch(54.6% 0.245 262.881);
  --pxd-color-status-success-background: oklch(98.2% 0.018 155.826);
  --pxd-color-status-success-foreground: oklch(52.7% 0.154 150.069);
  --pxd-color-status-success-emphasis: oklch(62.7% 0.194 149.214);
  --pxd-color-status-warning-background: oklch(98.7% 0.022 95.277);
  --pxd-color-status-warning-foreground: oklch(47.3% 0.137 46.201);
  --pxd-color-status-warning-emphasis: oklch(66.6% 0.179 58.318);
  --pxd-color-status-danger-background: oklch(97.1% 0.013 17.38);
  --pxd-color-status-danger-foreground: oklch(50.5% 0.213 27.518);
  --pxd-color-status-danger-emphasis: oklch(57.7% 0.245 27.325);
  --pxd-color-data-categorical-1: oklch(54.6% 0.245 262.881);
  --pxd-color-data-categorical-2: oklch(59.6% 0.145 163.225);
  --pxd-color-data-categorical-3: oklch(54.1% 0.281 293.009);
  --pxd-color-data-categorical-4: oklch(66.6% 0.179 58.318);
  --pxd-color-data-categorical-5: oklch(58.6% 0.253 17.585);
  --pxd-color-data-categorical-6: oklch(60% 0.118 184.704);
  --pxd-color-data-positive: oklch(62.7% 0.194 149.214);
  --pxd-color-data-negative: oklch(57.7% 0.245 27.325);
  --pxd-color-data-neutral: oklch(55.2% 0.016 285.938);
  --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-page-size: 30px;
  --pxd-type-title-page-weight: 600;
  --pxd-type-title-page-line-height: 1.5;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.5;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.5;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.5;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.5;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-numeric-display-size: 24px;
  --pxd-type-numeric-display-weight: 600;
  --pxd-type-numeric-display-line-height: 1.5;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 18px;
  --pxd-radius-small: 6px;
  --pxd-radius-control: 8px;
  --pxd-radius-default: 8px;
  --pxd-radius-large: 10px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 3px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.05;
  --pxd-opacity-state-pressed: 0.1;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
  --pxd-shadow-overlay: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  --pxd-motion-duration-instant: 75ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="shadcn"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: oklch(0.145 0 0);
  --pxd-color-surface-subtle: oklch(0.269 0 0);
  --pxd-color-surface-raised: oklch(0.205 0 0);
  --pxd-color-surface-overlay: oklch(0.205 0 0);
  --pxd-color-surface-inverse: oklch(0.922 0 0);
  --pxd-color-scrim: rgba(0, 0, 0, 0.5);
  --pxd-color-text-default: oklch(0.985 0 0);
  --pxd-color-text-muted: oklch(0.708 0 0);
  --pxd-color-text-inverse: oklch(0.205 0 0);
  --pxd-color-text-link: oklch(0.985 0 0);
  --pxd-color-border-default: oklch(1 0 0 / 10%);
  --pxd-color-border-strong: oklch(0.556 0 0);
  --pxd-color-border-focus: oklch(0.556 0 0);
  --pxd-color-action-primary-background: oklch(0.922 0 0);
  --pxd-color-action-primary-foreground: oklch(0.205 0 0);
  --pxd-color-action-secondary-background: oklch(0.269 0 0);
  --pxd-color-action-secondary-foreground: oklch(0.985 0 0);
  --pxd-color-action-secondary-border: oklch(1 0 0 / 10%);
  --pxd-color-action-danger-background: oklch(0.704 0.191 22.216);
  --pxd-color-action-danger-foreground: oklch(0.145 0 0);
  --pxd-color-selection-background: oklch(0.371 0 0);
  --pxd-color-selection-foreground: oklch(0.985 0 0);
  --pxd-color-status-info-background: oklch(28.2% 0.091 267.935);
  --pxd-color-status-info-foreground: oklch(80.9% 0.105 251.813);
  --pxd-color-status-info-emphasis: oklch(70.7% 0.165 254.624);
  --pxd-color-status-success-background: oklch(26.6% 0.065 152.934);
  --pxd-color-status-success-foreground: oklch(87.1% 0.15 154.449);
  --pxd-color-status-success-emphasis: oklch(79.2% 0.209 151.711);
  --pxd-color-status-warning-background: oklch(27.9% 0.077 45.635);
  --pxd-color-status-warning-foreground: oklch(87.9% 0.169 91.605);
  --pxd-color-status-warning-emphasis: oklch(82.8% 0.189 84.429);
  --pxd-color-status-danger-background: oklch(25.8% 0.092 26.042);
  --pxd-color-status-danger-foreground: oklch(80.8% 0.114 19.571);
  --pxd-color-status-danger-emphasis: oklch(70.4% 0.191 22.216);
  --pxd-color-data-categorical-1: oklch(70.7% 0.165 254.624);
  --pxd-color-data-categorical-2: oklch(76.5% 0.177 163.223);
  --pxd-color-data-categorical-3: oklch(70.2% 0.183 293.541);
  --pxd-color-data-categorical-4: oklch(82.8% 0.189 84.429);
  --pxd-color-data-categorical-5: oklch(71.2% 0.194 13.428);
  --pxd-color-data-categorical-6: oklch(77.7% 0.152 181.912);
  --pxd-color-data-positive: oklch(79.2% 0.209 151.711);
  --pxd-color-data-negative: oklch(70.4% 0.191 22.216);
  --pxd-color-data-neutral: oklch(70.5% 0.015 286.067);
  --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-page-size: 30px;
  --pxd-type-title-page-weight: 600;
  --pxd-type-title-page-line-height: 1.5;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 600;
  --pxd-type-title-section-line-height: 1.5;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-title-item-size: 16px;
  --pxd-type-title-item-weight: 600;
  --pxd-type-title-item-line-height: 1.5;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.5;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.5;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.5;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --pxd-type-numeric-display-size: 24px;
  --pxd-type-numeric-display-weight: 600;
  --pxd-type-numeric-display-line-height: 1.5;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 4px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 16px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 4px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 16px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 18px;
  --pxd-radius-small: 6px;
  --pxd-radius-control: 8px;
  --pxd-radius-default: 8px;
  --pxd-radius-large: 10px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 3px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.05;
  --pxd-opacity-state-pressed: 0.1;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.5;
  --pxd-shadow-raised: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
  --pxd-shadow-overlay: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  --pxd-motion-duration-instant: 75ms;
  --pxd-motion-duration-short: 150ms;
  --pxd-motion-duration-medium: 200ms;
  --pxd-motion-duration-long: 300ms;
  --pxd-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}

/* Generated by @polyxd/react scripts/build-themes.ts from the spectrum pack. Do not edit. */

[data-pxd-theme="spectrum"]:not([data-pxd-mode]),
[data-pxd-theme="spectrum"][data-pxd-mode="light"] {
  --pxd-color-surface-default: rgb(255, 255, 255);
  --pxd-color-surface-subtle: rgb(248, 248, 248);
  --pxd-color-surface-raised: rgb(255, 255, 255);
  --pxd-color-surface-overlay: rgb(255, 255, 255);
  --pxd-color-surface-inverse: rgb(41, 41, 41);
  --pxd-color-scrim: rgba(0, 0, 0, 0.4);
  --pxd-color-text-default: rgb(41, 41, 41);
  --pxd-color-text-muted: rgb(80, 80, 80);
  --pxd-color-text-inverse: rgb(255, 255, 255);
  --pxd-color-text-link: rgb(59, 99, 251);
  --pxd-color-border-default: rgb(218, 218, 218);
  --pxd-color-border-strong: rgb(143, 143, 143);
  --pxd-color-border-focus: rgb(75, 117, 255);
  --pxd-color-action-primary-background: rgb(59, 99, 251);
  --pxd-color-action-primary-foreground: rgb(255, 255, 255);
  --pxd-color-action-secondary-background: rgb(233, 233, 233);
  --pxd-color-action-secondary-foreground: rgb(41, 41, 41);
  --pxd-color-action-secondary-border: rgb(218, 218, 218);
  --pxd-color-action-danger-background: rgb(215, 50, 32);
  --pxd-color-action-danger-foreground: rgb(255, 255, 255);
  --pxd-color-selection-background: rgb(245, 249, 255);
  --pxd-color-selection-foreground: rgb(21, 50, 173);
  --pxd-color-status-info-background: rgb(245, 249, 255);
  --pxd-color-status-info-foreground: rgb(21, 50, 173);
  --pxd-color-status-info-emphasis: rgb(75, 117, 255);
  --pxd-color-status-success-background: rgb(237, 252, 241);
  --pxd-color-status-success-foreground: rgb(1, 76, 52);
  --pxd-color-status-success-emphasis: rgb(7, 147, 85);
  --pxd-color-status-warning-background: rgb(255, 246, 231);
  --pxd-color-status-warning-foreground: rgb(118, 41, 0);
  --pxd-color-status-warning-emphasis: rgb(212, 91, 0);
  --pxd-color-status-danger-background: rgb(255, 246, 245);
  --pxd-color-status-danger-foreground: rgb(129, 27, 14);
  --pxd-color-status-danger-emphasis: rgb(240, 56, 35);
  --pxd-color-data-categorical-1: rgb(75, 117, 255);
  --pxd-color-data-categorical-2: rgb(7, 147, 85);
  --pxd-color-data-categorical-3: rgb(166, 92, 231);
  --pxd-color-data-categorical-4: rgb(212, 91, 0);
  --pxd-color-data-categorical-5: rgb(240, 45, 110);
  --pxd-color-data-categorical-6: rgb(9, 144, 120);
  --pxd-color-data-positive: rgb(7, 147, 85);
  --pxd-color-data-negative: rgb(240, 56, 35);
  --pxd-color-data-neutral: rgb(41, 41, 41);
  --pxd-type-title-page-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-title-page-size: 22px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 1.3;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 700;
  --pxd-type-title-section-line-height: 1.3;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-title-item-size: 18px;
  --pxd-type-title-item-weight: 500;
  --pxd-type-title-item-line-height: 1.3;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.5;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.3;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.3;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-numeric-display-size: 22px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 1.3;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 2px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 12px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 2px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 12px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 18px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 8px;
  --pxd-radius-default: 8px;
  --pxd-radius-large: 10px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.4;
  --pxd-shadow-raised: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
  --pxd-shadow-overlay: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 130ms;
  --pxd-motion-duration-medium: 160ms;
  --pxd-motion-duration-long: 220ms;
  --pxd-motion-easing-standard: cubic-bezier(0.45, 0, 0.4, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.4, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.5, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: light;
}

[data-pxd-theme="spectrum"][data-pxd-mode="dark"] {
  --pxd-color-surface-default: rgb(17, 17, 17);
  --pxd-color-surface-subtle: rgb(27, 27, 27);
  --pxd-color-surface-raised: rgb(34, 34, 34);
  --pxd-color-surface-overlay: rgb(34, 34, 34);
  --pxd-color-surface-inverse: rgb(219, 219, 219);
  --pxd-color-scrim: rgba(0, 0, 0, 0.6);
  --pxd-color-text-default: rgb(219, 219, 219);
  --pxd-color-text-muted: rgb(175, 175, 175);
  --pxd-color-text-inverse: rgb(17, 17, 17);
  --pxd-color-text-link: rgb(86, 129, 255);
  --pxd-color-border-default: rgb(57, 57, 57);
  --pxd-color-border-strong: rgb(109, 109, 109);
  --pxd-color-border-focus: rgb(64, 105, 253);
  --pxd-color-action-primary-background: rgb(86, 129, 255);
  --pxd-color-action-primary-foreground: rgb(17, 17, 17);
  --pxd-color-action-secondary-background: rgb(44, 44, 44);
  --pxd-color-action-secondary-foreground: rgb(219, 219, 219);
  --pxd-color-action-secondary-border: rgb(57, 57, 57);
  --pxd-color-action-danger-background: rgb(252, 67, 46);
  --pxd-color-action-danger-foreground: rgb(17, 17, 17);
  --pxd-color-selection-background: rgb(14, 23, 63);
  --pxd-color-selection-foreground: rgb(152, 192, 252);
  --pxd-color-status-info-background: rgb(14, 23, 63);
  --pxd-color-status-info-foreground: rgb(152, 192, 252);
  --pxd-color-status-info-emphasis: rgb(64, 105, 253);
  --pxd-color-status-success-background: rgb(0, 30, 23);
  --pxd-color-status-success-foreground: rgb(57, 215, 134);
  --pxd-color-status-success-emphasis: rgb(6, 136, 80);
  --pxd-color-status-warning-background: rgb(49, 16, 0);
  --pxd-color-status-warning-foreground: rgb(255, 173, 45);
  --pxd-color-status-warning-emphasis: rgb(199, 82, 0);
  --pxd-color-status-danger-background: rgb(54, 10, 3);
  --pxd-color-status-danger-foreground: rgb(255, 167, 157);
  --pxd-color-status-danger-emphasis: rgb(223, 52, 34);
  --pxd-color-data-categorical-1: rgb(64, 105, 253);
  --pxd-color-data-categorical-2: rgb(6, 136, 80);
  --pxd-color-data-categorical-3: rgb(157, 78, 228);
  --pxd-color-data-categorical-4: rgb(199, 82, 0);
  --pxd-color-data-categorical-5: rgb(224, 38, 101);
  --pxd-color-data-categorical-6: rgb(8, 134, 112);
  --pxd-color-data-positive: rgb(6, 136, 80);
  --pxd-color-data-negative: rgb(223, 52, 34);
  --pxd-color-data-neutral: rgb(219, 219, 219);
  --pxd-type-title-page-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-title-page-size: 22px;
  --pxd-type-title-page-weight: 700;
  --pxd-type-title-page-line-height: 1.3;
  --pxd-type-title-page-letter-spacing: 0px;
  --pxd-type-title-section-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-title-section-size: 20px;
  --pxd-type-title-section-weight: 700;
  --pxd-type-title-section-line-height: 1.3;
  --pxd-type-title-section-letter-spacing: 0px;
  --pxd-type-title-item-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-title-item-size: 18px;
  --pxd-type-title-item-weight: 500;
  --pxd-type-title-item-line-height: 1.3;
  --pxd-type-title-item-letter-spacing: 0px;
  --pxd-type-body-default-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-body-default-size: 16px;
  --pxd-type-body-default-weight: 400;
  --pxd-type-body-default-line-height: 1.5;
  --pxd-type-body-default-letter-spacing: 0px;
  --pxd-type-body-small-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-body-small-size: 14px;
  --pxd-type-body-small-weight: 400;
  --pxd-type-body-small-line-height: 1.5;
  --pxd-type-body-small-letter-spacing: 0px;
  --pxd-type-label-default-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-label-default-size: 14px;
  --pxd-type-label-default-weight: 500;
  --pxd-type-label-default-line-height: 1.3;
  --pxd-type-label-default-letter-spacing: 0px;
  --pxd-type-label-small-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-label-small-size: 12px;
  --pxd-type-label-small-weight: 500;
  --pxd-type-label-small-line-height: 1.3;
  --pxd-type-label-small-letter-spacing: 0px;
  --pxd-type-numeric-display-family: "Adobe Clean", "Source Sans 3", system-ui, sans-serif;
  --pxd-type-numeric-display-size: 22px;
  --pxd-type-numeric-display-weight: 700;
  --pxd-type-numeric-display-line-height: 1.3;
  --pxd-type-numeric-display-letter-spacing: 0px;
  --pxd-space-inset-compact: 8px;
  --pxd-space-inset-default: 16px;
  --pxd-space-inset-comfortable: 24px;
  --pxd-space-stack-tight: 2px;
  --pxd-space-stack-default: 8px;
  --pxd-space-stack-loose: 12px;
  --pxd-space-stack-section: 32px;
  --pxd-space-inline-tight: 2px;
  --pxd-space-inline-default: 8px;
  --pxd-space-inline-loose: 12px;
  --pxd-size-target-min: 44px;
  --pxd-size-icon-small: 14px;
  --pxd-size-icon-default: 18px;
  --pxd-radius-small: 4px;
  --pxd-radius-control: 8px;
  --pxd-radius-default: 8px;
  --pxd-radius-large: 10px;
  --pxd-radius-full: 9999px;
  --pxd-border-width-default: 1px;
  --pxd-border-width-strong: 2px;
  --pxd-focus-ring-width: 2px;
  --pxd-focus-ring-offset: 2px;
  --pxd-measure-max: 65;
  --pxd-opacity-state-hover: 0.06;
  --pxd-opacity-state-pressed: 0.12;
  --pxd-opacity-state-focus: 0.12;
  --pxd-opacity-state-disabled: 0.4;
  --pxd-shadow-raised: 0px 2px 8px 0px rgba(0, 0, 0, 0.48);
  --pxd-shadow-overlay: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
  --pxd-motion-duration-instant: 100ms;
  --pxd-motion-duration-short: 130ms;
  --pxd-motion-duration-medium: 160ms;
  --pxd-motion-duration-long: 220ms;
  --pxd-motion-easing-standard: cubic-bezier(0.45, 0, 0.4, 1);
  --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.4, 1);
  --pxd-motion-easing-exit: cubic-bezier(0.5, 0, 1, 1);

  /* shadcn/ui variable names, so shadcn components follow this pack too */
  --background: var(--pxd-color-surface-default);
  --foreground: var(--pxd-color-text-default);
  --card: var(--pxd-color-surface-raised);
  --card-foreground: var(--pxd-color-text-default);
  --popover: var(--pxd-color-surface-overlay);
  --popover-foreground: var(--pxd-color-text-default);
  --primary: var(--pxd-color-action-primary-background);
  --primary-foreground: var(--pxd-color-action-primary-foreground);
  --secondary: var(--pxd-color-action-secondary-background);
  --secondary-foreground: var(--pxd-color-action-secondary-foreground);
  --muted: var(--pxd-color-surface-subtle);
  --muted-foreground: var(--pxd-color-text-muted);
  --accent: var(--pxd-color-selection-background);
  --accent-foreground: var(--pxd-color-selection-foreground);
  --destructive: var(--pxd-color-action-danger-background);
  --border: var(--pxd-color-border-default);
  --input: var(--pxd-color-border-strong);
  --ring: var(--pxd-color-border-focus);
  --radius: var(--pxd-radius-default);
  --chart-1: var(--pxd-color-data-categorical-1);
  --chart-2: var(--pxd-color-data-categorical-2);
  --chart-3: var(--pxd-color-data-categorical-3);
  --chart-4: var(--pxd-color-data-categorical-4);
  --chart-5: var(--pxd-color-data-categorical-5);
  color-scheme: dark;
}