/* DO NOT EDIT — propagated from the RunsNative token engine (theme: dotorg-site)
   by packages/components/scripts/sync-tokens.mjs. Run `npm run sync:tokens`
   after changing the token engine, the contract, or the brand config. Manual
   edits are overwritten and are caught by shared/token-propagation.test.js. */
/* Generated by RunsNative token engine v1.0.0 */
/* Brand: dotorg-site | Generated: 2026-06-25T13:54:15.173Z */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

@layer primitives, semantics, themes;

@layer primitives {
  :root {
    --run-color-brand-50: #fafafb;
    --run-color-brand-100: #eef1f5;
    --run-color-brand-200: #d2dcec;
    --run-color-brand-300: #abc0e7;
    --run-color-brand-400: #85a6e6;
    --run-color-brand-500: #5a89e8;
    --run-color-brand-600: #2563eb;
    --run-color-brand-700: #204aa4;
    --run-color-brand-800: #162f61;
    --run-color-brand-900: #0b1830;
    --run-color-brand-950: #050a17;
    --run-color-neutral-0: #ffffff;
    --run-color-neutral-50: #f1f5fe;
    --run-color-neutral-100: #e7ebf3;
    --run-color-neutral-200: #d2d6de;
    --run-color-neutral-300: #b6bbc2;
    --run-color-neutral-400: #9da2a9;
    --run-color-neutral-500: #84888f;
    --run-color-neutral-600: #686c73;
    --run-color-neutral-700: #4a4d54;
    --run-color-neutral-800: #2b2e34;
    --run-color-neutral-900: #12151a;
    --run-color-neutral-950: #05070c;
    --run-color-success-50: #fdfdfd;
    --run-color-success-100: #fdfdfd;
    --run-color-success-200: #f3f7f4;
    --run-color-success-300: #c4e4c9;
    --run-color-success-400: #8bd59a;
    --run-color-success-500: #22c55e;
    --run-color-success-600: #2ca152;
    --run-color-success-700: #2c7a42;
    --run-color-success-800: #24532f;
    --run-color-success-900: #19331e;
    --run-color-success-950: #102114;
    --run-color-warning-50: #fefdfd;
    --run-color-warning-100: #fefdfd;
    --run-color-warning-200: #fefdfd;
    --run-color-warning-300: #f6f1e8;
    --run-color-warning-400: #edd5a1;
    --run-color-warning-500: #eab308;
    --run-color-warning-600: #c39723;
    --run-color-warning-700: #997829;
    --run-color-warning-800: #6d5825;
    --run-color-warning-900: #4a3d1e;
    --run-color-warning-950: #362d17;
    --run-color-danger-50: #fbf8f8;
    --run-color-danger-100: #f6edec;
    --run-color-danger-200: #f1d1ce;
    --run-color-danger-300: #f0aaa3;
    --run-color-danger-400: #f07f77;
    --run-color-danger-500: #ef4444;
    --run-color-danger-600: #bb3d3b;
    --run-color-danger-700: #84312e;
    --run-color-danger-800: #4f201e;
    --run-color-danger-900: #27100e;
    --run-color-danger-950: #110606;
    --run-color-info-50: #f3f5f8;
    --run-color-info-100: #e6ebf3;
    --run-color-info-200: #c7d6ee;
    --run-color-info-300: #9cbbed;
    --run-color-info-400: #70a1f0;
    --run-color-info-500: #3b82f6;
    --run-color-info-600: #3468be;
    --run-color-info-700: #294b84;
    --run-color-info-800: #1a2d4c;
    --run-color-info-900: #0c1523;
    --run-color-info-950: #04070e;
    --run-font-family-heading: 'IBM Plex Sans', system-ui, sans-serif;
    --run-font-family-body: 'IBM Plex Sans', system-ui, sans-serif;
    --run-font-family-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --run-font-weight-regular: 400;
    --run-font-weight-medium: 500;
    --run-font-weight-semibold: 600;
    --run-font-weight-bold: 700;
    --run-line-height-tight: 1.25;
    --run-line-height-normal: 1.5;
    --run-line-height-relaxed: 1.75;
    --run-letter-spacing-tight: -0.025em;
    --run-letter-spacing-normal: 0em;
    --run-letter-spacing-wide: 0.025em;
    --run-radius-none: 0;
    --run-radius-sm: 2px;
    --run-radius-md: 4px;
    --run-radius-lg: 6px;
    --run-radius-xl: 8px;
    --run-radius-2xl: 12px;
    --run-radius-full: 9999px;
    --run-shadow-none: none;
    --run-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.03);
    --run-shadow-md: 0 2px 4px -1px rgb(0 0 0 / 0.04), 0 1px 2px -1px rgb(0 0 0 / 0.03);
    --run-shadow-lg: 0 4px 6px -2px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.03);
    --run-shadow-xl: 0 8px 10px -4px rgb(0 0 0 / 0.06), 0 4px 6px -4px rgb(0 0 0 / 0.04);
    --run-shadow-2xl: 0 16px 20px -8px rgb(0 0 0 / 0.08);
    --run-duration-fastest: 75ms;
    --run-duration-fast: 100ms;
    --run-duration-normal: 150ms;
    --run-duration-slow: 200ms;
    --run-duration-slowest: 300ms;
    --run-motion-duration-pulse: 1200ms;
    --run-easing-default: cubic-bezier(0.2, 0, 0, 1);
    --run-easing-in: cubic-bezier(0.4, 0, 1, 1);
    --run-easing-out: cubic-bezier(0, 0, 0.2, 1);
    --run-easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --run-border-width-none: 0;
    --run-border-width-hairline: 1px;
    --run-border-width-thin: 1px;
    --run-border-width-sm: 1px;
    --run-border-width-default: 1px;
    --run-border-width-medium: 1.5px;
    --run-border-width-thick: 2px;
    --run-border-width-strong: 2px;
    --run-border-width-focus: 2px;
    --run-space-0: 0;
    --run-space-1: 0.25rem;
    --run-space-2: 0.5rem;
    --run-space-3: 0.75rem;
    --run-space-4: 1rem;
    --run-space-5: 1.25rem;
    --run-space-6: 1.5rem;
    --run-space-7: 1.75rem;
    --run-space-8: 2rem;
    --run-space-9: 2.25rem;
    --run-space-10: 2.5rem;
    --run-space-12: 3rem;
    --run-space-100: 0.25rem;
    --run-space-300: 0.75rem;
    --run-z-sticky: 100;
    --run-z-dropdown: 1000;
    --run-z-overlay: 1100;
    --run-opacity-40: 0.4;
    --run-opacity-60: 0.6;
  }
}

@layer semantics {
  :root {
    --run-color-surface-default: var(--run-color-neutral-0);
    --run-color-surface-subtle: var(--run-color-neutral-50);
    --run-color-surface-raised: var(--run-color-neutral-0);
    --run-color-surface-inverse: var(--run-color-neutral-900);
    --run-color-surface-overlay: rgb(0 0 0 / 0.5);
    --run-color-text-primary: var(--run-color-neutral-900);
    --run-color-text-secondary: var(--run-color-neutral-600);
    --run-color-text-tertiary: var(--run-color-neutral-400);
    --run-color-text-disabled: var(--run-color-neutral-300);
    --run-color-text-inverse: var(--run-color-neutral-50);
    --run-color-text-danger: var(--run-color-danger-600);
    --run-color-icon-primary: var(--run-color-neutral-700);
    --run-color-icon-secondary: var(--run-color-neutral-400);
    --run-color-border-default: var(--run-color-neutral-200);
    --run-color-border-strong: var(--run-color-neutral-400);
    --run-color-border-subtle: var(--run-color-neutral-100);
    --run-color-border-input-default: var(--run-color-neutral-300);
    --run-color-border-input-hover: var(--run-color-neutral-400);
    --run-color-divider: var(--run-color-neutral-200);
    --run-color-focus-ring: var(--run-color-brand-500);
    --run-color-state-hover-overlay: rgb(0 0 0 / 0.04);
    --run-color-state-active-overlay: rgb(0 0 0 / 0.08);
    --run-color-state-selected-overlay: var(--run-color-brand-50);
    --run-opacity-state-disabled: 0.38;
    --run-color-intent-primary-base: var(--run-color-brand-600);
    --run-color-intent-primary-hover: var(--run-color-brand-700);
    --run-color-intent-primary-active: var(--run-color-brand-800);
    --run-color-intent-primary-subtle: var(--run-color-brand-50);
    --run-color-intent-primary-on: var(--run-color-neutral-0);
    --run-color-intent-secondary-base: var(--run-color-brand-600);
    --run-color-intent-secondary-hover: var(--run-color-brand-700);
    --run-color-intent-secondary-active: var(--run-color-brand-800);
    --run-color-intent-secondary-subtle: var(--run-color-brand-50);
    --run-color-intent-secondary-on: var(--run-color-neutral-0);
    --run-color-intent-danger-base: var(--run-color-danger-600);
    --run-color-intent-danger-hover: var(--run-color-danger-700);
    --run-color-intent-danger-active: var(--run-color-danger-800);
    --run-color-intent-danger-subtle: var(--run-color-danger-50);
    --run-color-intent-danger-on: var(--run-color-neutral-0);
    --run-color-intent-success-base: var(--run-color-success-600);
    --run-color-intent-warning-base: var(--run-color-warning-600);
    --run-color-intent-info-base: var(--run-color-info-600);
    --run-color-intent-neutral-base: var(--run-color-neutral-600);
    --run-color-feedback-success-background: var(--run-color-success-50);
    --run-color-feedback-success-border: var(--run-color-success-200);
    --run-color-feedback-success-foreground: var(--run-color-success-700);
    --run-color-feedback-warning-background: var(--run-color-warning-50);
    --run-color-feedback-warning-border: var(--run-color-warning-200);
    --run-color-feedback-warning-foreground: var(--run-color-warning-800);
    --run-color-feedback-danger-background: var(--run-color-danger-50);
    --run-color-feedback-danger-border: var(--run-color-danger-200);
    --run-color-feedback-danger-foreground: var(--run-color-danger-700);
    --run-color-feedback-info-background: var(--run-color-info-50);
    --run-color-feedback-info-border: var(--run-color-info-200);
    --run-color-feedback-info-foreground: var(--run-color-info-700);
    --run-color-syntax-keyword: #a626a4;
    --run-color-syntax-string: #50a14f;
    --run-color-syntax-number: #986801;
    --run-color-syntax-comment: #6a737d;
    --run-color-syntax-function: #4078f2;
    --run-color-syntax-tag: #e45649;
    --run-color-syntax-attr-name: #e45649;
    --run-color-syntax-attr-value: #50a14f;
    --run-bauhaus-disc: var(--run-color-brand-400);
    --run-bauhaus-triangle: var(--run-color-brand-800);
    --run-bauhaus-square: var(--run-color-brand-200);
    --run-space-semantic-2xs: var(--run-space-1);
    --run-space-semantic-xs: var(--run-space-2);
    --run-space-semantic-sm: var(--run-space-3);
    --run-space-semantic-md: var(--run-space-4);
    --run-space-semantic-lg: var(--run-space-6);
    --run-space-semantic-xl: var(--run-space-8);
    --run-motion-semantic-micro-duration: var(--run-duration-fastest);
    --run-motion-semantic-micro-easing: var(--run-easing-default);
    --run-motion-semantic-standard-duration: var(--run-duration-normal);
    --run-motion-semantic-standard-easing: var(--run-easing-in-out);
    --run-motion-semantic-entrance-duration: var(--run-duration-slow);
    --run-motion-semantic-entrance-easing: var(--run-easing-out);
    --run-motion-semantic-exit-duration: var(--run-duration-fast);
    --run-motion-semantic-exit-easing: var(--run-easing-in);
    --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse);
    --run-motion-semantic-attention-easing: var(--run-easing-in-out);
    --run-motion-easing-standard: var(--run-easing-in-out);
    --run-motion-easing-decelerate: var(--run-easing-out);
    --run-motion-easing-accelerate: var(--run-easing-in);
    --run-font-semantic-family-body: var(--run-font-family-body);
    --run-font-semantic-family-heading: var(--run-font-family-heading);
    --run-font-semantic-family-code: var(--run-font-family-mono);
    --run-font-semantic-weight-body: var(--run-font-weight-regular);
    --run-font-semantic-weight-medium: var(--run-font-weight-medium);
    --run-font-semantic-weight-strong: var(--run-font-weight-semibold);
    --run-font-semantic-weight-heading: var(--run-font-weight-semibold);
    --run-font-semantic-weight-bold: var(--run-font-weight-bold);
    --run-font-semantic-line-height-body: var(--run-line-height-normal);
    --run-font-semantic-line-height-heading: var(--run-line-height-tight);
    --run-font-size-xs: 0.75rem;
    --run-font-size-sm: 0.875rem;
    --run-font-size-base: 1rem;
    --run-font-size-lg: 1.125rem;
    --run-font-size-xl: 1.25rem;
    --run-font-size-2xl: 1.5rem;
    --run-font-size-3xl: 1.875rem;
    --run-font-size-4xl: 2.25rem;
    --run-font-size-5xl: 3rem;
    --run-font-size-6xl: 3.75rem;
    --run-radius-semantic-control: var(--run-radius-md);
    --run-radius-semantic-card: var(--run-radius-lg);
    --run-radius-semantic-pill: var(--run-radius-full);
    --run-radius-semantic-checkbox: var(--run-radius-sm);
    --run-radius-semantic-badge: var(--run-radius-md);
    --run-elevation-semantic-none: var(--run-shadow-none);
    --run-elevation-semantic-raised: var(--run-shadow-md);
    --run-elevation-semantic-overlay: var(--run-shadow-lg);
    --run-elevation-semantic-modal: var(--run-shadow-xl);
    --run-size-icon-xs: 0.75rem;
    --run-size-icon-sm: 1rem;
    --run-size-icon-md: 1.25rem;
    --run-size-icon-lg: 1.5rem;
    --run-size-icon-xl: 2rem;
    --run-space-gap-xs: 0.25rem;
    --run-space-gap-sm: 0.5rem;
    --run-space-gap-md: 0.75rem;
    --run-space-gap-lg: 1.5rem;
    --run-space-inset-sm: 10px;
    --run-space-inset-md: 12px;
    --run-space-padding-md: 1rem;
    --run-space-component-md: 1rem;
    --run-space-focus-offset: 2px;
    --run-size-touch-xs: 28px;
    --run-size-touch-sm: 36px;
    --run-size-touch-md: 44px;
    --run-size-touch-lg: 52px;
    --run-size-interactive-height-sm: var(--run-space-8);
    --run-size-interactive-height-md: var(--run-space-10);
    --run-size-interactive-height-lg: var(--run-space-12);
    --run-size-interactive-md: var(--run-space-10);
    --run-size-interactive-min-width: 44px;
    --run-button-height-sm: var(--run-size-interactive-height-sm);
    --run-button-height-md: var(--run-size-interactive-height-md);
    --run-button-height-lg: var(--run-size-interactive-height-lg);
    --run-select-height-sm: var(--run-size-interactive-height-sm);
    --run-select-height-md: var(--run-size-interactive-height-md);
    --run-select-height-lg: var(--run-size-interactive-height-lg);
    --run-input-height-sm: var(--run-size-interactive-height-sm);
    --run-input-height-md: var(--run-size-interactive-height-md);
    --run-input-height-lg: var(--run-size-interactive-height-lg);
    --run-picker-height: var(--run-size-interactive-height-md);
  }
}

@layer themes {
  :root[data-run-mode="light"] {
    --run-color-surface-default: var(--run-color-neutral-0);
    --run-color-surface-subtle: var(--run-color-neutral-50);
    --run-color-surface-raised: var(--run-color-neutral-0);
    --run-color-surface-inverse: var(--run-color-neutral-900);
    --run-color-surface-overlay: rgb(0 0 0 / 0.5);
    --run-color-text-primary: var(--run-color-neutral-900);
    --run-color-text-secondary: var(--run-color-neutral-600);
    --run-color-text-tertiary: var(--run-color-neutral-400);
    --run-color-text-disabled: var(--run-color-neutral-300);
    --run-color-text-inverse: var(--run-color-neutral-50);
    --run-color-text-danger: var(--run-color-danger-600);
    --run-color-icon-primary: var(--run-color-neutral-700);
    --run-color-icon-secondary: var(--run-color-neutral-400);
    --run-color-border-default: var(--run-color-neutral-200);
    --run-color-border-strong: var(--run-color-neutral-400);
    --run-color-border-subtle: var(--run-color-neutral-100);
    --run-color-border-input-default: var(--run-color-neutral-300);
    --run-color-border-input-hover: var(--run-color-neutral-400);
    --run-color-divider: var(--run-color-neutral-200);
    --run-color-focus-ring: var(--run-color-brand-500);
    --run-color-state-hover-overlay: rgb(0 0 0 / 0.04);
    --run-color-state-active-overlay: rgb(0 0 0 / 0.08);
    --run-color-state-selected-overlay: var(--run-color-brand-50);
    --run-opacity-state-disabled: 0.38;
    --run-color-intent-primary-base: var(--run-color-brand-600);
    --run-color-intent-primary-hover: var(--run-color-brand-700);
    --run-color-intent-primary-active: var(--run-color-brand-800);
    --run-color-intent-primary-subtle: var(--run-color-brand-50);
    --run-color-intent-primary-on: var(--run-color-neutral-0);
    --run-color-intent-secondary-base: var(--run-color-brand-600);
    --run-color-intent-secondary-hover: var(--run-color-brand-700);
    --run-color-intent-secondary-active: var(--run-color-brand-800);
    --run-color-intent-secondary-subtle: var(--run-color-brand-50);
    --run-color-intent-secondary-on: var(--run-color-neutral-0);
    --run-color-intent-danger-base: var(--run-color-danger-600);
    --run-color-intent-danger-hover: var(--run-color-danger-700);
    --run-color-intent-danger-active: var(--run-color-danger-800);
    --run-color-intent-danger-subtle: var(--run-color-danger-50);
    --run-color-intent-danger-on: var(--run-color-neutral-0);
    --run-color-intent-success-base: var(--run-color-success-600);
    --run-color-intent-warning-base: var(--run-color-warning-600);
    --run-color-intent-info-base: var(--run-color-info-600);
    --run-color-intent-neutral-base: var(--run-color-neutral-600);
    --run-color-feedback-success-background: var(--run-color-success-50);
    --run-color-feedback-success-border: var(--run-color-success-200);
    --run-color-feedback-success-foreground: var(--run-color-success-700);
    --run-color-feedback-warning-background: var(--run-color-warning-50);
    --run-color-feedback-warning-border: var(--run-color-warning-200);
    --run-color-feedback-warning-foreground: var(--run-color-warning-800);
    --run-color-feedback-danger-background: var(--run-color-danger-50);
    --run-color-feedback-danger-border: var(--run-color-danger-200);
    --run-color-feedback-danger-foreground: var(--run-color-danger-700);
    --run-color-feedback-info-background: var(--run-color-info-50);
    --run-color-feedback-info-border: var(--run-color-info-200);
    --run-color-feedback-info-foreground: var(--run-color-info-700);
    --run-color-syntax-keyword: #a626a4;
    --run-color-syntax-string: #50a14f;
    --run-color-syntax-number: #986801;
    --run-color-syntax-comment: #6a737d;
    --run-color-syntax-function: #4078f2;
    --run-color-syntax-tag: #e45649;
    --run-color-syntax-attr-name: #e45649;
    --run-color-syntax-attr-value: #50a14f;
    --run-bauhaus-disc: var(--run-color-brand-400);
    --run-bauhaus-triangle: var(--run-color-brand-800);
    --run-bauhaus-square: var(--run-color-brand-200);
    --run-space-semantic-2xs: var(--run-space-1);
    --run-space-semantic-xs: var(--run-space-2);
    --run-space-semantic-sm: var(--run-space-3);
    --run-space-semantic-md: var(--run-space-4);
    --run-space-semantic-lg: var(--run-space-6);
    --run-space-semantic-xl: var(--run-space-8);
    --run-motion-semantic-micro-duration: var(--run-duration-fastest);
    --run-motion-semantic-micro-easing: var(--run-easing-default);
    --run-motion-semantic-standard-duration: var(--run-duration-normal);
    --run-motion-semantic-standard-easing: var(--run-easing-in-out);
    --run-motion-semantic-entrance-duration: var(--run-duration-slow);
    --run-motion-semantic-entrance-easing: var(--run-easing-out);
    --run-motion-semantic-exit-duration: var(--run-duration-fast);
    --run-motion-semantic-exit-easing: var(--run-easing-in);
    --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse);
    --run-motion-semantic-attention-easing: var(--run-easing-in-out);
    --run-motion-easing-standard: var(--run-easing-in-out);
    --run-motion-easing-decelerate: var(--run-easing-out);
    --run-motion-easing-accelerate: var(--run-easing-in);
    --run-font-semantic-family-body: var(--run-font-family-body);
    --run-font-semantic-family-heading: var(--run-font-family-heading);
    --run-font-semantic-family-code: var(--run-font-family-mono);
    --run-font-semantic-weight-body: var(--run-font-weight-regular);
    --run-font-semantic-weight-medium: var(--run-font-weight-medium);
    --run-font-semantic-weight-strong: var(--run-font-weight-semibold);
    --run-font-semantic-weight-heading: var(--run-font-weight-semibold);
    --run-font-semantic-weight-bold: var(--run-font-weight-bold);
    --run-font-semantic-line-height-body: var(--run-line-height-normal);
    --run-font-semantic-line-height-heading: var(--run-line-height-tight);
    --run-font-size-xs: 0.75rem;
    --run-font-size-sm: 0.875rem;
    --run-font-size-base: 1rem;
    --run-font-size-lg: 1.125rem;
    --run-font-size-xl: 1.25rem;
    --run-font-size-2xl: 1.5rem;
    --run-font-size-3xl: 1.875rem;
    --run-font-size-4xl: 2.25rem;
    --run-font-size-5xl: 3rem;
    --run-font-size-6xl: 3.75rem;
    --run-radius-semantic-control: var(--run-radius-md);
    --run-radius-semantic-card: var(--run-radius-lg);
    --run-radius-semantic-pill: var(--run-radius-full);
    --run-radius-semantic-checkbox: var(--run-radius-sm);
    --run-radius-semantic-badge: var(--run-radius-md);
    --run-elevation-semantic-none: var(--run-shadow-none);
    --run-elevation-semantic-raised: var(--run-shadow-md);
    --run-elevation-semantic-overlay: var(--run-shadow-lg);
    --run-elevation-semantic-modal: var(--run-shadow-xl);
    --run-size-icon-xs: 0.75rem;
    --run-size-icon-sm: 1rem;
    --run-size-icon-md: 1.25rem;
    --run-size-icon-lg: 1.5rem;
    --run-size-icon-xl: 2rem;
    --run-space-gap-xs: 0.25rem;
    --run-space-gap-sm: 0.5rem;
    --run-space-gap-md: 0.75rem;
    --run-space-gap-lg: 1.5rem;
    --run-space-inset-sm: 10px;
    --run-space-inset-md: 12px;
    --run-space-padding-md: 1rem;
    --run-space-component-md: 1rem;
    --run-space-focus-offset: 2px;
    --run-size-touch-xs: 28px;
    --run-size-touch-sm: 36px;
    --run-size-touch-md: 44px;
    --run-size-touch-lg: 52px;
    --run-size-interactive-height-sm: var(--run-space-8);
    --run-size-interactive-height-md: var(--run-space-10);
    --run-size-interactive-height-lg: var(--run-space-12);
    --run-size-interactive-md: var(--run-space-10);
    --run-size-interactive-min-width: 44px;
    --run-button-height-sm: var(--run-size-interactive-height-sm);
    --run-button-height-md: var(--run-size-interactive-height-md);
    --run-button-height-lg: var(--run-size-interactive-height-lg);
    --run-select-height-sm: var(--run-size-interactive-height-sm);
    --run-select-height-md: var(--run-size-interactive-height-md);
    --run-select-height-lg: var(--run-size-interactive-height-lg);
    --run-input-height-sm: var(--run-size-interactive-height-sm);
    --run-input-height-md: var(--run-size-interactive-height-md);
    --run-input-height-lg: var(--run-size-interactive-height-lg);
    --run-picker-height: var(--run-size-interactive-height-md);
  }
  :root[data-run-mode="dark"] {
    --run-color-surface-default: var(--run-color-neutral-950);
    --run-color-surface-subtle: var(--run-color-neutral-900);
    --run-color-surface-raised: var(--run-color-neutral-800);
    --run-color-surface-inverse: var(--run-color-neutral-50);
    --run-color-surface-overlay: rgb(0 0 0 / 0.6);
    --run-color-text-primary: var(--run-color-neutral-50);
    --run-color-text-secondary: var(--run-color-neutral-300);
    --run-color-text-tertiary: var(--run-color-neutral-400);
    --run-color-text-disabled: var(--run-color-neutral-600);
    --run-color-text-inverse: var(--run-color-neutral-900);
    --run-color-text-danger: var(--run-color-danger-400);
    --run-color-icon-primary: var(--run-color-neutral-200);
    --run-color-icon-secondary: var(--run-color-neutral-400);
    --run-color-border-default: var(--run-color-neutral-700);
    --run-color-border-strong: var(--run-color-neutral-500);
    --run-color-border-subtle: var(--run-color-neutral-800);
    --run-color-border-input-default: var(--run-color-neutral-600);
    --run-color-border-input-hover: var(--run-color-neutral-500);
    --run-color-divider: var(--run-color-neutral-700);
    --run-color-focus-ring: var(--run-color-brand-400);
    --run-color-state-hover-overlay: rgb(255 255 255 / 0.08);
    --run-color-state-active-overlay: rgb(255 255 255 / 0.12);
    --run-color-state-selected-overlay: var(--run-color-brand-900);
    --run-opacity-state-disabled: 0.38;
    --run-color-intent-primary-base: var(--run-color-brand-300);
    --run-color-intent-primary-hover: var(--run-color-brand-200);
    --run-color-intent-primary-active: var(--run-color-brand-100);
    --run-color-intent-primary-subtle: var(--run-color-brand-950);
    --run-color-intent-primary-on: var(--run-color-neutral-950);
    --run-color-intent-secondary-base: var(--run-color-brand-300);
    --run-color-intent-secondary-hover: var(--run-color-brand-200);
    --run-color-intent-secondary-active: var(--run-color-brand-100);
    --run-color-intent-secondary-subtle: var(--run-color-brand-950);
    --run-color-intent-secondary-on: var(--run-color-neutral-950);
    --run-color-intent-danger-base: var(--run-color-danger-400);
    --run-color-intent-danger-hover: var(--run-color-danger-300);
    --run-color-intent-danger-active: var(--run-color-danger-200);
    --run-color-intent-danger-subtle: var(--run-color-danger-950);
    --run-color-intent-danger-on: var(--run-color-neutral-950);
    --run-color-intent-success-base: var(--run-color-success-400);
    --run-color-intent-warning-base: var(--run-color-warning-400);
    --run-color-intent-info-base: var(--run-color-info-400);
    --run-color-intent-neutral-base: var(--run-color-neutral-300);
    --run-color-feedback-success-background: var(--run-color-success-950);
    --run-color-feedback-success-border: var(--run-color-success-700);
    --run-color-feedback-success-foreground: var(--run-color-success-300);
    --run-color-feedback-warning-background: var(--run-color-warning-950);
    --run-color-feedback-warning-border: var(--run-color-warning-700);
    --run-color-feedback-warning-foreground: var(--run-color-warning-300);
    --run-color-feedback-danger-background: var(--run-color-danger-950);
    --run-color-feedback-danger-border: var(--run-color-danger-700);
    --run-color-feedback-danger-foreground: var(--run-color-danger-300);
    --run-color-feedback-info-background: var(--run-color-info-950);
    --run-color-feedback-info-border: var(--run-color-info-700);
    --run-color-feedback-info-foreground: var(--run-color-info-300);
    --run-color-syntax-keyword: #c678dd;
    --run-color-syntax-string: #98c379;
    --run-color-syntax-number: #d19a66;
    --run-color-syntax-comment: #5c6370;
    --run-color-syntax-function: #61afef;
    --run-color-syntax-tag: #e06c75;
    --run-color-syntax-attr-name: #e06c75;
    --run-color-syntax-attr-value: #98c379;
    --run-bauhaus-triangle: var(--run-color-brand-300);
    --run-space-semantic-2xs: var(--run-space-1);
    --run-space-semantic-xs: var(--run-space-2);
    --run-space-semantic-sm: var(--run-space-3);
    --run-space-semantic-md: var(--run-space-4);
    --run-space-semantic-lg: var(--run-space-6);
    --run-space-semantic-xl: var(--run-space-8);
    --run-motion-semantic-micro-duration: var(--run-duration-fastest);
    --run-motion-semantic-micro-easing: var(--run-easing-default);
    --run-motion-semantic-standard-duration: var(--run-duration-normal);
    --run-motion-semantic-standard-easing: var(--run-easing-in-out);
    --run-motion-semantic-entrance-duration: var(--run-duration-slow);
    --run-motion-semantic-entrance-easing: var(--run-easing-out);
    --run-motion-semantic-exit-duration: var(--run-duration-fast);
    --run-motion-semantic-exit-easing: var(--run-easing-in);
    --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse);
    --run-motion-semantic-attention-easing: var(--run-easing-in-out);
    --run-motion-easing-standard: var(--run-easing-in-out);
    --run-motion-easing-decelerate: var(--run-easing-out);
    --run-motion-easing-accelerate: var(--run-easing-in);
    --run-font-semantic-family-body: var(--run-font-family-body);
    --run-font-semantic-family-heading: var(--run-font-family-heading);
    --run-font-semantic-family-code: var(--run-font-family-mono);
    --run-font-semantic-weight-body: var(--run-font-weight-regular);
    --run-font-semantic-weight-medium: var(--run-font-weight-medium);
    --run-font-semantic-weight-strong: var(--run-font-weight-semibold);
    --run-font-semantic-weight-heading: var(--run-font-weight-semibold);
    --run-font-semantic-weight-bold: var(--run-font-weight-bold);
    --run-font-semantic-line-height-body: var(--run-line-height-normal);
    --run-font-semantic-line-height-heading: var(--run-line-height-tight);
    --run-font-size-xs: 0.75rem;
    --run-font-size-sm: 0.875rem;
    --run-font-size-base: 1rem;
    --run-font-size-lg: 1.125rem;
    --run-font-size-xl: 1.25rem;
    --run-font-size-2xl: 1.5rem;
    --run-font-size-3xl: 1.875rem;
    --run-font-size-4xl: 2.25rem;
    --run-font-size-5xl: 3rem;
    --run-font-size-6xl: 3.75rem;
    --run-radius-semantic-control: var(--run-radius-md);
    --run-radius-semantic-card: var(--run-radius-lg);
    --run-radius-semantic-pill: var(--run-radius-full);
    --run-radius-semantic-checkbox: var(--run-radius-sm);
    --run-radius-semantic-badge: var(--run-radius-md);
    --run-elevation-semantic-none: var(--run-shadow-none);
    --run-elevation-semantic-raised: var(--run-shadow-md);
    --run-elevation-semantic-overlay: var(--run-shadow-lg);
    --run-elevation-semantic-modal: var(--run-shadow-xl);
    --run-size-icon-xs: 0.75rem;
    --run-size-icon-sm: 1rem;
    --run-size-icon-md: 1.25rem;
    --run-size-icon-lg: 1.5rem;
    --run-size-icon-xl: 2rem;
    --run-space-gap-xs: 0.25rem;
    --run-space-gap-sm: 0.5rem;
    --run-space-gap-md: 0.75rem;
    --run-space-gap-lg: 1.5rem;
    --run-space-inset-sm: 10px;
    --run-space-inset-md: 12px;
    --run-space-padding-md: 1rem;
    --run-space-component-md: 1rem;
    --run-space-focus-offset: 2px;
    --run-size-touch-xs: 28px;
    --run-size-touch-sm: 36px;
    --run-size-touch-md: 44px;
    --run-size-touch-lg: 52px;
    --run-size-interactive-height-sm: var(--run-space-8);
    --run-size-interactive-height-md: var(--run-space-10);
    --run-size-interactive-height-lg: var(--run-space-12);
    --run-size-interactive-md: var(--run-space-10);
    --run-size-interactive-min-width: 44px;
    --run-button-height-sm: var(--run-size-interactive-height-sm);
    --run-button-height-md: var(--run-size-interactive-height-md);
    --run-button-height-lg: var(--run-size-interactive-height-lg);
    --run-select-height-sm: var(--run-size-interactive-height-sm);
    --run-select-height-md: var(--run-size-interactive-height-md);
    --run-select-height-lg: var(--run-size-interactive-height-lg);
    --run-input-height-sm: var(--run-size-interactive-height-sm);
    --run-input-height-md: var(--run-size-interactive-height-md);
    --run-input-height-lg: var(--run-size-interactive-height-lg);
    --run-picker-height: var(--run-size-interactive-height-md);
  }
  :root[data-run-mode="light"][data-run-contrast="high"] {
    --run-color-surface-default: var(--run-color-neutral-0);
    --run-color-surface-subtle: var(--run-color-neutral-50);
    --run-color-surface-raised: var(--run-color-neutral-0);
    --run-color-surface-inverse: var(--run-color-neutral-950);
    --run-color-surface-overlay: rgb(0 0 0 / 0.5);
    --run-color-text-primary: var(--run-color-neutral-950);
    --run-color-text-secondary: var(--run-color-neutral-900);
    --run-color-text-tertiary: var(--run-color-neutral-200);
    --run-color-text-disabled: var(--run-color-neutral-100);
    --run-color-text-inverse: var(--run-color-neutral-50);
    --run-color-text-danger: var(--run-color-danger-900);
    --run-color-icon-primary: var(--run-color-neutral-950);
    --run-color-icon-secondary: var(--run-color-neutral-200);
    --run-color-border-default: var(--run-color-neutral-50);
    --run-color-border-strong: var(--run-color-neutral-200);
    --run-color-border-subtle: var(--run-color-neutral-50);
    --run-color-border-input-default: var(--run-color-neutral-100);
    --run-color-border-input-hover: var(--run-color-neutral-200);
    --run-color-divider: var(--run-color-neutral-50);
    --run-color-focus-ring: var(--run-color-brand-700);
    --run-color-state-hover-overlay: rgb(0 0 0 / 0.04);
    --run-color-state-active-overlay: rgb(0 0 0 / 0.08);
    --run-color-state-selected-overlay: var(--run-color-brand-50);
    --run-opacity-state-disabled: 0.38;
    --run-color-intent-primary-base: var(--run-color-brand-900);
    --run-color-intent-primary-hover: var(--run-color-brand-950);
    --run-color-intent-primary-active: var(--run-color-brand-950);
    --run-color-intent-primary-subtle: var(--run-color-brand-50);
    --run-color-intent-primary-on: var(--run-color-neutral-0);
    --run-color-intent-secondary-base: var(--run-color-brand-900);
    --run-color-intent-secondary-hover: var(--run-color-brand-950);
    --run-color-intent-secondary-active: var(--run-color-brand-950);
    --run-color-intent-secondary-subtle: var(--run-color-brand-50);
    --run-color-intent-secondary-on: var(--run-color-neutral-0);
    --run-color-intent-danger-base: var(--run-color-danger-900);
    --run-color-intent-danger-hover: var(--run-color-danger-950);
    --run-color-intent-danger-active: var(--run-color-danger-950);
    --run-color-intent-danger-subtle: var(--run-color-danger-50);
    --run-color-intent-danger-on: var(--run-color-neutral-0);
    --run-color-intent-success-base: var(--run-color-success-900);
    --run-color-intent-warning-base: var(--run-color-warning-900);
    --run-color-intent-info-base: var(--run-color-info-900);
    --run-color-intent-neutral-base: var(--run-color-neutral-900);
    --run-color-feedback-success-background: var(--run-color-success-50);
    --run-color-feedback-success-border: var(--run-color-success-50);
    --run-color-feedback-success-foreground: var(--run-color-success-950);
    --run-color-feedback-warning-background: var(--run-color-warning-50);
    --run-color-feedback-warning-border: var(--run-color-warning-50);
    --run-color-feedback-warning-foreground: var(--run-color-warning-950);
    --run-color-feedback-danger-background: var(--run-color-danger-50);
    --run-color-feedback-danger-border: var(--run-color-danger-50);
    --run-color-feedback-danger-foreground: var(--run-color-danger-950);
    --run-color-feedback-info-background: var(--run-color-info-50);
    --run-color-feedback-info-border: var(--run-color-info-50);
    --run-color-feedback-info-foreground: var(--run-color-info-950);
    --run-color-syntax-keyword: #a626a4;
    --run-color-syntax-string: #50a14f;
    --run-color-syntax-number: #986801;
    --run-color-syntax-comment: #6a737d;
    --run-color-syntax-function: #4078f2;
    --run-color-syntax-tag: #e45649;
    --run-color-syntax-attr-name: #e45649;
    --run-color-syntax-attr-value: #50a14f;
    --run-bauhaus-disc: var(--run-color-brand-200);
    --run-bauhaus-triangle: var(--run-color-brand-950);
    --run-bauhaus-square: var(--run-color-brand-50);
    --run-space-semantic-2xs: var(--run-space-1);
    --run-space-semantic-xs: var(--run-space-2);
    --run-space-semantic-sm: var(--run-space-3);
    --run-space-semantic-md: var(--run-space-4);
    --run-space-semantic-lg: var(--run-space-6);
    --run-space-semantic-xl: var(--run-space-8);
    --run-motion-semantic-micro-duration: var(--run-duration-fastest);
    --run-motion-semantic-micro-easing: var(--run-easing-default);
    --run-motion-semantic-standard-duration: var(--run-duration-normal);
    --run-motion-semantic-standard-easing: var(--run-easing-in-out);
    --run-motion-semantic-entrance-duration: var(--run-duration-slow);
    --run-motion-semantic-entrance-easing: var(--run-easing-out);
    --run-motion-semantic-exit-duration: var(--run-duration-fast);
    --run-motion-semantic-exit-easing: var(--run-easing-in);
    --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse);
    --run-motion-semantic-attention-easing: var(--run-easing-in-out);
    --run-motion-easing-standard: var(--run-easing-in-out);
    --run-motion-easing-decelerate: var(--run-easing-out);
    --run-motion-easing-accelerate: var(--run-easing-in);
    --run-font-semantic-family-body: var(--run-font-family-body);
    --run-font-semantic-family-heading: var(--run-font-family-heading);
    --run-font-semantic-family-code: var(--run-font-family-mono);
    --run-font-semantic-weight-body: var(--run-font-weight-regular);
    --run-font-semantic-weight-medium: var(--run-font-weight-medium);
    --run-font-semantic-weight-strong: var(--run-font-weight-semibold);
    --run-font-semantic-weight-heading: var(--run-font-weight-semibold);
    --run-font-semantic-weight-bold: var(--run-font-weight-bold);
    --run-font-semantic-line-height-body: var(--run-line-height-normal);
    --run-font-semantic-line-height-heading: var(--run-line-height-tight);
    --run-font-size-xs: 0.75rem;
    --run-font-size-sm: 0.875rem;
    --run-font-size-base: 1rem;
    --run-font-size-lg: 1.125rem;
    --run-font-size-xl: 1.25rem;
    --run-font-size-2xl: 1.5rem;
    --run-font-size-3xl: 1.875rem;
    --run-font-size-4xl: 2.25rem;
    --run-font-size-5xl: 3rem;
    --run-font-size-6xl: 3.75rem;
    --run-radius-semantic-control: var(--run-radius-md);
    --run-radius-semantic-card: var(--run-radius-lg);
    --run-radius-semantic-pill: var(--run-radius-full);
    --run-radius-semantic-checkbox: var(--run-radius-sm);
    --run-radius-semantic-badge: var(--run-radius-md);
    --run-elevation-semantic-none: var(--run-shadow-none);
    --run-elevation-semantic-raised: var(--run-shadow-md);
    --run-elevation-semantic-overlay: var(--run-shadow-lg);
    --run-elevation-semantic-modal: var(--run-shadow-xl);
    --run-size-icon-xs: 0.75rem;
    --run-size-icon-sm: 1rem;
    --run-size-icon-md: 1.25rem;
    --run-size-icon-lg: 1.5rem;
    --run-size-icon-xl: 2rem;
    --run-space-gap-xs: 0.25rem;
    --run-space-gap-sm: 0.5rem;
    --run-space-gap-md: 0.75rem;
    --run-space-gap-lg: 1.5rem;
    --run-space-inset-sm: 10px;
    --run-space-inset-md: 12px;
    --run-space-padding-md: 1rem;
    --run-space-component-md: 1rem;
    --run-space-focus-offset: 2px;
    --run-size-touch-xs: 28px;
    --run-size-touch-sm: 36px;
    --run-size-touch-md: 44px;
    --run-size-touch-lg: 52px;
    --run-size-interactive-height-sm: var(--run-space-8);
    --run-size-interactive-height-md: var(--run-space-10);
    --run-size-interactive-height-lg: var(--run-space-12);
    --run-size-interactive-md: var(--run-space-10);
    --run-size-interactive-min-width: 44px;
    --run-button-height-sm: var(--run-size-interactive-height-sm);
    --run-button-height-md: var(--run-size-interactive-height-md);
    --run-button-height-lg: var(--run-size-interactive-height-lg);
    --run-select-height-sm: var(--run-size-interactive-height-sm);
    --run-select-height-md: var(--run-size-interactive-height-md);
    --run-select-height-lg: var(--run-size-interactive-height-lg);
    --run-input-height-sm: var(--run-size-interactive-height-sm);
    --run-input-height-md: var(--run-size-interactive-height-md);
    --run-input-height-lg: var(--run-size-interactive-height-lg);
    --run-picker-height: var(--run-size-interactive-height-md);
  }
  :root[data-run-mode="dark"][data-run-contrast="high"] {
    --run-color-surface-default: var(--run-color-neutral-50);
    --run-color-surface-subtle: var(--run-color-neutral-50);
    --run-color-surface-raised: var(--run-color-neutral-50);
    --run-color-surface-inverse: var(--run-color-neutral-950);
    --run-color-surface-overlay: rgb(0 0 0 / 0.6);
    --run-color-text-primary: var(--run-color-neutral-950);
    --run-color-text-secondary: var(--run-color-neutral-900);
    --run-color-text-tertiary: var(--run-color-neutral-800);
    --run-color-text-disabled: var(--run-color-neutral-100);
    --run-color-text-inverse: var(--run-color-neutral-50);
    --run-color-text-danger: var(--run-color-danger-800);
    --run-color-icon-primary: var(--run-color-neutral-950);
    --run-color-icon-secondary: var(--run-color-neutral-800);
    --run-color-border-default: var(--run-color-neutral-50);
    --run-color-border-strong: var(--run-color-neutral-300);
    --run-color-border-subtle: var(--run-color-neutral-50);
    --run-color-border-input-default: var(--run-color-neutral-100);
    --run-color-border-input-hover: var(--run-color-neutral-300);
    --run-color-divider: var(--run-color-neutral-50);
    --run-color-focus-ring: var(--run-color-brand-800);
    --run-color-state-hover-overlay: rgb(255 255 255 / 0.08);
    --run-color-state-active-overlay: rgb(255 255 255 / 0.12);
    --run-color-state-selected-overlay: var(--run-color-brand-50);
    --run-opacity-state-disabled: 0.38;
    --run-color-intent-primary-base: var(--run-color-brand-900);
    --run-color-intent-primary-hover: var(--run-color-brand-950);
    --run-color-intent-primary-active: var(--run-color-brand-950);
    --run-color-intent-primary-subtle: var(--run-color-brand-50);
    --run-color-intent-primary-on: var(--run-color-neutral-50);
    --run-color-intent-secondary-base: var(--run-color-brand-900);
    --run-color-intent-secondary-hover: var(--run-color-brand-950);
    --run-color-intent-secondary-active: var(--run-color-brand-950);
    --run-color-intent-secondary-subtle: var(--run-color-brand-50);
    --run-color-intent-secondary-on: var(--run-color-neutral-50);
    --run-color-intent-danger-base: var(--run-color-danger-800);
    --run-color-intent-danger-hover: var(--run-color-danger-900);
    --run-color-intent-danger-active: var(--run-color-danger-950);
    --run-color-intent-danger-subtle: var(--run-color-danger-50);
    --run-color-intent-danger-on: var(--run-color-neutral-50);
    --run-color-intent-success-base: var(--run-color-success-800);
    --run-color-intent-warning-base: var(--run-color-warning-800);
    --run-color-intent-info-base: var(--run-color-info-800);
    --run-color-intent-neutral-base: var(--run-color-neutral-900);
    --run-color-feedback-success-background: var(--run-color-success-50);
    --run-color-feedback-success-border: var(--run-color-success-50);
    --run-color-feedback-success-foreground: var(--run-color-success-900);
    --run-color-feedback-warning-background: var(--run-color-warning-50);
    --run-color-feedback-warning-border: var(--run-color-warning-50);
    --run-color-feedback-warning-foreground: var(--run-color-warning-900);
    --run-color-feedback-danger-background: var(--run-color-danger-50);
    --run-color-feedback-danger-border: var(--run-color-danger-50);
    --run-color-feedback-danger-foreground: var(--run-color-danger-900);
    --run-color-feedback-info-background: var(--run-color-info-50);
    --run-color-feedback-info-border: var(--run-color-info-50);
    --run-color-feedback-info-foreground: var(--run-color-info-900);
    --run-color-syntax-keyword: #c678dd;
    --run-color-syntax-string: #98c379;
    --run-color-syntax-number: #d19a66;
    --run-color-syntax-comment: #5c6370;
    --run-color-syntax-function: #61afef;
    --run-color-syntax-tag: #e06c75;
    --run-color-syntax-attr-name: #e06c75;
    --run-color-syntax-attr-value: #98c379;
    --run-bauhaus-triangle: var(--run-color-brand-900);
    --run-space-semantic-2xs: var(--run-space-1);
    --run-space-semantic-xs: var(--run-space-2);
    --run-space-semantic-sm: var(--run-space-3);
    --run-space-semantic-md: var(--run-space-4);
    --run-space-semantic-lg: var(--run-space-6);
    --run-space-semantic-xl: var(--run-space-8);
    --run-motion-semantic-micro-duration: var(--run-duration-fastest);
    --run-motion-semantic-micro-easing: var(--run-easing-default);
    --run-motion-semantic-standard-duration: var(--run-duration-normal);
    --run-motion-semantic-standard-easing: var(--run-easing-in-out);
    --run-motion-semantic-entrance-duration: var(--run-duration-slow);
    --run-motion-semantic-entrance-easing: var(--run-easing-out);
    --run-motion-semantic-exit-duration: var(--run-duration-fast);
    --run-motion-semantic-exit-easing: var(--run-easing-in);
    --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse);
    --run-motion-semantic-attention-easing: var(--run-easing-in-out);
    --run-motion-easing-standard: var(--run-easing-in-out);
    --run-motion-easing-decelerate: var(--run-easing-out);
    --run-motion-easing-accelerate: var(--run-easing-in);
    --run-font-semantic-family-body: var(--run-font-family-body);
    --run-font-semantic-family-heading: var(--run-font-family-heading);
    --run-font-semantic-family-code: var(--run-font-family-mono);
    --run-font-semantic-weight-body: var(--run-font-weight-regular);
    --run-font-semantic-weight-medium: var(--run-font-weight-medium);
    --run-font-semantic-weight-strong: var(--run-font-weight-semibold);
    --run-font-semantic-weight-heading: var(--run-font-weight-semibold);
    --run-font-semantic-weight-bold: var(--run-font-weight-bold);
    --run-font-semantic-line-height-body: var(--run-line-height-normal);
    --run-font-semantic-line-height-heading: var(--run-line-height-tight);
    --run-font-size-xs: 0.75rem;
    --run-font-size-sm: 0.875rem;
    --run-font-size-base: 1rem;
    --run-font-size-lg: 1.125rem;
    --run-font-size-xl: 1.25rem;
    --run-font-size-2xl: 1.5rem;
    --run-font-size-3xl: 1.875rem;
    --run-font-size-4xl: 2.25rem;
    --run-font-size-5xl: 3rem;
    --run-font-size-6xl: 3.75rem;
    --run-radius-semantic-control: var(--run-radius-md);
    --run-radius-semantic-card: var(--run-radius-lg);
    --run-radius-semantic-pill: var(--run-radius-full);
    --run-radius-semantic-checkbox: var(--run-radius-sm);
    --run-radius-semantic-badge: var(--run-radius-md);
    --run-elevation-semantic-none: var(--run-shadow-none);
    --run-elevation-semantic-raised: var(--run-shadow-md);
    --run-elevation-semantic-overlay: var(--run-shadow-lg);
    --run-elevation-semantic-modal: var(--run-shadow-xl);
    --run-size-icon-xs: 0.75rem;
    --run-size-icon-sm: 1rem;
    --run-size-icon-md: 1.25rem;
    --run-size-icon-lg: 1.5rem;
    --run-size-icon-xl: 2rem;
    --run-space-gap-xs: 0.25rem;
    --run-space-gap-sm: 0.5rem;
    --run-space-gap-md: 0.75rem;
    --run-space-gap-lg: 1.5rem;
    --run-space-inset-sm: 10px;
    --run-space-inset-md: 12px;
    --run-space-padding-md: 1rem;
    --run-space-component-md: 1rem;
    --run-space-focus-offset: 2px;
    --run-size-touch-xs: 28px;
    --run-size-touch-sm: 36px;
    --run-size-touch-md: 44px;
    --run-size-touch-lg: 52px;
    --run-size-interactive-height-sm: var(--run-space-8);
    --run-size-interactive-height-md: var(--run-space-10);
    --run-size-interactive-height-lg: var(--run-space-12);
    --run-size-interactive-md: var(--run-space-10);
    --run-size-interactive-min-width: 44px;
    --run-button-height-sm: var(--run-size-interactive-height-sm);
    --run-button-height-md: var(--run-size-interactive-height-md);
    --run-button-height-lg: var(--run-size-interactive-height-lg);
    --run-select-height-sm: var(--run-size-interactive-height-sm);
    --run-select-height-md: var(--run-size-interactive-height-md);
    --run-select-height-lg: var(--run-size-interactive-height-lg);
    --run-input-height-sm: var(--run-size-interactive-height-sm);
    --run-input-height-md: var(--run-size-interactive-height-md);
    --run-input-height-lg: var(--run-size-interactive-height-lg);
    --run-picker-height: var(--run-size-interactive-height-md);
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-run-mode="light"]) {
      --run-color-surface-default: var(--run-color-neutral-950);
      --run-color-surface-subtle: var(--run-color-neutral-900);
      --run-color-surface-raised: var(--run-color-neutral-800);
      --run-color-surface-inverse: var(--run-color-neutral-50);
      --run-color-surface-overlay: rgb(0 0 0 / 0.6);
      --run-color-text-primary: var(--run-color-neutral-50);
      --run-color-text-secondary: var(--run-color-neutral-300);
      --run-color-text-tertiary: var(--run-color-neutral-400);
      --run-color-text-disabled: var(--run-color-neutral-600);
      --run-color-text-inverse: var(--run-color-neutral-900);
      --run-color-text-danger: var(--run-color-danger-400);
      --run-color-icon-primary: var(--run-color-neutral-200);
      --run-color-icon-secondary: var(--run-color-neutral-400);
      --run-color-border-default: var(--run-color-neutral-700);
      --run-color-border-strong: var(--run-color-neutral-500);
      --run-color-border-subtle: var(--run-color-neutral-800);
      --run-color-border-input-default: var(--run-color-neutral-600);
      --run-color-border-input-hover: var(--run-color-neutral-500);
      --run-color-divider: var(--run-color-neutral-700);
      --run-color-focus-ring: var(--run-color-brand-400);
      --run-color-state-hover-overlay: rgb(255 255 255 / 0.08);
      --run-color-state-active-overlay: rgb(255 255 255 / 0.12);
      --run-color-state-selected-overlay: var(--run-color-brand-900);
      --run-opacity-state-disabled: 0.38;
      --run-color-intent-primary-base: var(--run-color-brand-300);
      --run-color-intent-primary-hover: var(--run-color-brand-200);
      --run-color-intent-primary-active: var(--run-color-brand-100);
      --run-color-intent-primary-subtle: var(--run-color-brand-950);
      --run-color-intent-primary-on: var(--run-color-neutral-950);
      --run-color-intent-secondary-base: var(--run-color-brand-300);
      --run-color-intent-secondary-hover: var(--run-color-brand-200);
      --run-color-intent-secondary-active: var(--run-color-brand-100);
      --run-color-intent-secondary-subtle: var(--run-color-brand-950);
      --run-color-intent-secondary-on: var(--run-color-neutral-950);
      --run-color-intent-danger-base: var(--run-color-danger-400);
      --run-color-intent-danger-hover: var(--run-color-danger-300);
      --run-color-intent-danger-active: var(--run-color-danger-200);
      --run-color-intent-danger-subtle: var(--run-color-danger-950);
      --run-color-intent-danger-on: var(--run-color-neutral-950);
      --run-color-intent-success-base: var(--run-color-success-400);
      --run-color-intent-warning-base: var(--run-color-warning-400);
      --run-color-intent-info-base: var(--run-color-info-400);
      --run-color-intent-neutral-base: var(--run-color-neutral-300);
      --run-color-feedback-success-background: var(--run-color-success-950);
      --run-color-feedback-success-border: var(--run-color-success-700);
      --run-color-feedback-success-foreground: var(--run-color-success-300);
      --run-color-feedback-warning-background: var(--run-color-warning-950);
      --run-color-feedback-warning-border: var(--run-color-warning-700);
      --run-color-feedback-warning-foreground: var(--run-color-warning-300);
      --run-color-feedback-danger-background: var(--run-color-danger-950);
      --run-color-feedback-danger-border: var(--run-color-danger-700);
      --run-color-feedback-danger-foreground: var(--run-color-danger-300);
      --run-color-feedback-info-background: var(--run-color-info-950);
      --run-color-feedback-info-border: var(--run-color-info-700);
      --run-color-feedback-info-foreground: var(--run-color-info-300);
      --run-color-syntax-keyword: #c678dd;
      --run-color-syntax-string: #98c379;
      --run-color-syntax-number: #d19a66;
      --run-color-syntax-comment: #5c6370;
      --run-color-syntax-function: #61afef;
      --run-color-syntax-tag: #e06c75;
      --run-color-syntax-attr-name: #e06c75;
      --run-color-syntax-attr-value: #98c379;
      --run-bauhaus-triangle: var(--run-color-brand-300);
      --run-space-semantic-2xs: var(--run-space-1);
      --run-space-semantic-xs: var(--run-space-2);
      --run-space-semantic-sm: var(--run-space-3);
      --run-space-semantic-md: var(--run-space-4);
      --run-space-semantic-lg: var(--run-space-6);
      --run-space-semantic-xl: var(--run-space-8);
      --run-motion-semantic-micro-duration: var(--run-duration-fastest);
      --run-motion-semantic-micro-easing: var(--run-easing-default);
      --run-motion-semantic-standard-duration: var(--run-duration-normal);
      --run-motion-semantic-standard-easing: var(--run-easing-in-out);
      --run-motion-semantic-entrance-duration: var(--run-duration-slow);
      --run-motion-semantic-entrance-easing: var(--run-easing-out);
      --run-motion-semantic-exit-duration: var(--run-duration-fast);
      --run-motion-semantic-exit-easing: var(--run-easing-in);
      --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse);
      --run-motion-semantic-attention-easing: var(--run-easing-in-out);
      --run-motion-easing-standard: var(--run-easing-in-out);
      --run-motion-easing-decelerate: var(--run-easing-out);
      --run-motion-easing-accelerate: var(--run-easing-in);
      --run-font-semantic-family-body: var(--run-font-family-body);
      --run-font-semantic-family-heading: var(--run-font-family-heading);
      --run-font-semantic-family-code: var(--run-font-family-mono);
      --run-font-semantic-weight-body: var(--run-font-weight-regular);
      --run-font-semantic-weight-medium: var(--run-font-weight-medium);
      --run-font-semantic-weight-strong: var(--run-font-weight-semibold);
      --run-font-semantic-weight-heading: var(--run-font-weight-semibold);
      --run-font-semantic-weight-bold: var(--run-font-weight-bold);
      --run-font-semantic-line-height-body: var(--run-line-height-normal);
      --run-font-semantic-line-height-heading: var(--run-line-height-tight);
      --run-font-size-xs: 0.75rem;
      --run-font-size-sm: 0.875rem;
      --run-font-size-base: 1rem;
      --run-font-size-lg: 1.125rem;
      --run-font-size-xl: 1.25rem;
      --run-font-size-2xl: 1.5rem;
      --run-font-size-3xl: 1.875rem;
      --run-font-size-4xl: 2.25rem;
      --run-font-size-5xl: 3rem;
      --run-font-size-6xl: 3.75rem;
      --run-radius-semantic-control: var(--run-radius-md);
      --run-radius-semantic-card: var(--run-radius-lg);
      --run-radius-semantic-pill: var(--run-radius-full);
      --run-radius-semantic-checkbox: var(--run-radius-sm);
      --run-radius-semantic-badge: var(--run-radius-md);
      --run-elevation-semantic-none: var(--run-shadow-none);
      --run-elevation-semantic-raised: var(--run-shadow-md);
      --run-elevation-semantic-overlay: var(--run-shadow-lg);
      --run-elevation-semantic-modal: var(--run-shadow-xl);
      --run-size-icon-xs: 0.75rem;
      --run-size-icon-sm: 1rem;
      --run-size-icon-md: 1.25rem;
      --run-size-icon-lg: 1.5rem;
      --run-size-icon-xl: 2rem;
      --run-space-gap-xs: 0.25rem;
      --run-space-gap-sm: 0.5rem;
      --run-space-gap-md: 0.75rem;
      --run-space-gap-lg: 1.5rem;
      --run-space-inset-sm: 10px;
      --run-space-inset-md: 12px;
      --run-space-padding-md: 1rem;
      --run-space-component-md: 1rem;
      --run-space-focus-offset: 2px;
      --run-size-touch-xs: 28px;
      --run-size-touch-sm: 36px;
      --run-size-touch-md: 44px;
      --run-size-touch-lg: 52px;
      --run-size-interactive-height-sm: var(--run-space-8);
      --run-size-interactive-height-md: var(--run-space-10);
      --run-size-interactive-height-lg: var(--run-space-12);
      --run-size-interactive-md: var(--run-space-10);
      --run-size-interactive-min-width: 44px;
      --run-button-height-sm: var(--run-size-interactive-height-sm);
      --run-button-height-md: var(--run-size-interactive-height-md);
      --run-button-height-lg: var(--run-size-interactive-height-lg);
      --run-select-height-sm: var(--run-size-interactive-height-sm);
      --run-select-height-md: var(--run-size-interactive-height-md);
      --run-select-height-lg: var(--run-size-interactive-height-lg);
      --run-input-height-sm: var(--run-size-interactive-height-sm);
      --run-input-height-md: var(--run-size-interactive-height-md);
      --run-input-height-lg: var(--run-size-interactive-height-lg);
      --run-picker-height: var(--run-size-interactive-height-md);
    }
  }
  @media (prefers-contrast: more) and (prefers-color-scheme: light) and (forced-colors: none) {
    :root:not([data-run-mode]) {
      --run-color-surface-default: var(--run-color-neutral-0);
      --run-color-surface-subtle: var(--run-color-neutral-50);
      --run-color-surface-raised: var(--run-color-neutral-0);
      --run-color-surface-inverse: var(--run-color-neutral-950);
      --run-color-surface-overlay: rgb(0 0 0 / 0.5);
      --run-color-text-primary: var(--run-color-neutral-950);
      --run-color-text-secondary: var(--run-color-neutral-900);
      --run-color-text-tertiary: var(--run-color-neutral-200);
      --run-color-text-disabled: var(--run-color-neutral-100);
      --run-color-text-inverse: var(--run-color-neutral-50);
      --run-color-text-danger: var(--run-color-danger-900);
      --run-color-icon-primary: var(--run-color-neutral-950);
      --run-color-icon-secondary: var(--run-color-neutral-200);
      --run-color-border-default: var(--run-color-neutral-50);
      --run-color-border-strong: var(--run-color-neutral-200);
      --run-color-border-subtle: var(--run-color-neutral-50);
      --run-color-border-input-default: var(--run-color-neutral-100);
      --run-color-border-input-hover: var(--run-color-neutral-200);
      --run-color-divider: var(--run-color-neutral-50);
      --run-color-focus-ring: var(--run-color-brand-700);
      --run-color-state-hover-overlay: rgb(0 0 0 / 0.04);
      --run-color-state-active-overlay: rgb(0 0 0 / 0.08);
      --run-color-state-selected-overlay: var(--run-color-brand-50);
      --run-opacity-state-disabled: 0.38;
      --run-color-intent-primary-base: var(--run-color-brand-900);
      --run-color-intent-primary-hover: var(--run-color-brand-950);
      --run-color-intent-primary-active: var(--run-color-brand-950);
      --run-color-intent-primary-subtle: var(--run-color-brand-50);
      --run-color-intent-primary-on: var(--run-color-neutral-0);
      --run-color-intent-secondary-base: var(--run-color-brand-900);
      --run-color-intent-secondary-hover: var(--run-color-brand-950);
      --run-color-intent-secondary-active: var(--run-color-brand-950);
      --run-color-intent-secondary-subtle: var(--run-color-brand-50);
      --run-color-intent-secondary-on: var(--run-color-neutral-0);
      --run-color-intent-danger-base: var(--run-color-danger-900);
      --run-color-intent-danger-hover: var(--run-color-danger-950);
      --run-color-intent-danger-active: var(--run-color-danger-950);
      --run-color-intent-danger-subtle: var(--run-color-danger-50);
      --run-color-intent-danger-on: var(--run-color-neutral-0);
      --run-color-intent-success-base: var(--run-color-success-900);
      --run-color-intent-warning-base: var(--run-color-warning-900);
      --run-color-intent-info-base: var(--run-color-info-900);
      --run-color-intent-neutral-base: var(--run-color-neutral-900);
      --run-color-feedback-success-background: var(--run-color-success-50);
      --run-color-feedback-success-border: var(--run-color-success-50);
      --run-color-feedback-success-foreground: var(--run-color-success-950);
      --run-color-feedback-warning-background: var(--run-color-warning-50);
      --run-color-feedback-warning-border: var(--run-color-warning-50);
      --run-color-feedback-warning-foreground: var(--run-color-warning-950);
      --run-color-feedback-danger-background: var(--run-color-danger-50);
      --run-color-feedback-danger-border: var(--run-color-danger-50);
      --run-color-feedback-danger-foreground: var(--run-color-danger-950);
      --run-color-feedback-info-background: var(--run-color-info-50);
      --run-color-feedback-info-border: var(--run-color-info-50);
      --run-color-feedback-info-foreground: var(--run-color-info-950);
      --run-color-syntax-keyword: #a626a4;
      --run-color-syntax-string: #50a14f;
      --run-color-syntax-number: #986801;
      --run-color-syntax-comment: #6a737d;
      --run-color-syntax-function: #4078f2;
      --run-color-syntax-tag: #e45649;
      --run-color-syntax-attr-name: #e45649;
      --run-color-syntax-attr-value: #50a14f;
      --run-bauhaus-disc: var(--run-color-brand-200);
      --run-bauhaus-triangle: var(--run-color-brand-950);
      --run-bauhaus-square: var(--run-color-brand-50);
      --run-space-semantic-2xs: var(--run-space-1);
      --run-space-semantic-xs: var(--run-space-2);
      --run-space-semantic-sm: var(--run-space-3);
      --run-space-semantic-md: var(--run-space-4);
      --run-space-semantic-lg: var(--run-space-6);
      --run-space-semantic-xl: var(--run-space-8);
      --run-motion-semantic-micro-duration: var(--run-duration-fastest);
      --run-motion-semantic-micro-easing: var(--run-easing-default);
      --run-motion-semantic-standard-duration: var(--run-duration-normal);
      --run-motion-semantic-standard-easing: var(--run-easing-in-out);
      --run-motion-semantic-entrance-duration: var(--run-duration-slow);
      --run-motion-semantic-entrance-easing: var(--run-easing-out);
      --run-motion-semantic-exit-duration: var(--run-duration-fast);
      --run-motion-semantic-exit-easing: var(--run-easing-in);
      --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse);
      --run-motion-semantic-attention-easing: var(--run-easing-in-out);
      --run-motion-easing-standard: var(--run-easing-in-out);
      --run-motion-easing-decelerate: var(--run-easing-out);
      --run-motion-easing-accelerate: var(--run-easing-in);
      --run-font-semantic-family-body: var(--run-font-family-body);
      --run-font-semantic-family-heading: var(--run-font-family-heading);
      --run-font-semantic-family-code: var(--run-font-family-mono);
      --run-font-semantic-weight-body: var(--run-font-weight-regular);
      --run-font-semantic-weight-medium: var(--run-font-weight-medium);
      --run-font-semantic-weight-strong: var(--run-font-weight-semibold);
      --run-font-semantic-weight-heading: var(--run-font-weight-semibold);
      --run-font-semantic-weight-bold: var(--run-font-weight-bold);
      --run-font-semantic-line-height-body: var(--run-line-height-normal);
      --run-font-semantic-line-height-heading: var(--run-line-height-tight);
      --run-font-size-xs: 0.75rem;
      --run-font-size-sm: 0.875rem;
      --run-font-size-base: 1rem;
      --run-font-size-lg: 1.125rem;
      --run-font-size-xl: 1.25rem;
      --run-font-size-2xl: 1.5rem;
      --run-font-size-3xl: 1.875rem;
      --run-font-size-4xl: 2.25rem;
      --run-font-size-5xl: 3rem;
      --run-font-size-6xl: 3.75rem;
      --run-radius-semantic-control: var(--run-radius-md);
      --run-radius-semantic-card: var(--run-radius-lg);
      --run-radius-semantic-pill: var(--run-radius-full);
      --run-radius-semantic-checkbox: var(--run-radius-sm);
      --run-radius-semantic-badge: var(--run-radius-md);
      --run-elevation-semantic-none: var(--run-shadow-none);
      --run-elevation-semantic-raised: var(--run-shadow-md);
      --run-elevation-semantic-overlay: var(--run-shadow-lg);
      --run-elevation-semantic-modal: var(--run-shadow-xl);
      --run-size-icon-xs: 0.75rem;
      --run-size-icon-sm: 1rem;
      --run-size-icon-md: 1.25rem;
      --run-size-icon-lg: 1.5rem;
      --run-size-icon-xl: 2rem;
      --run-space-gap-xs: 0.25rem;
      --run-space-gap-sm: 0.5rem;
      --run-space-gap-md: 0.75rem;
      --run-space-gap-lg: 1.5rem;
      --run-space-inset-sm: 10px;
      --run-space-inset-md: 12px;
      --run-space-padding-md: 1rem;
      --run-space-component-md: 1rem;
      --run-space-focus-offset: 2px;
      --run-size-touch-xs: 28px;
      --run-size-touch-sm: 36px;
      --run-size-touch-md: 44px;
      --run-size-touch-lg: 52px;
      --run-size-interactive-height-sm: var(--run-space-8);
      --run-size-interactive-height-md: var(--run-space-10);
      --run-size-interactive-height-lg: var(--run-space-12);
      --run-size-interactive-md: var(--run-space-10);
      --run-size-interactive-min-width: 44px;
      --run-button-height-sm: var(--run-size-interactive-height-sm);
      --run-button-height-md: var(--run-size-interactive-height-md);
      --run-button-height-lg: var(--run-size-interactive-height-lg);
      --run-select-height-sm: var(--run-size-interactive-height-sm);
      --run-select-height-md: var(--run-size-interactive-height-md);
      --run-select-height-lg: var(--run-size-interactive-height-lg);
      --run-input-height-sm: var(--run-size-interactive-height-sm);
      --run-input-height-md: var(--run-size-interactive-height-md);
      --run-input-height-lg: var(--run-size-interactive-height-lg);
      --run-picker-height: var(--run-size-interactive-height-md);
    }
  }
  @media (prefers-contrast: more) and (prefers-color-scheme: dark) and (forced-colors: none) {
    :root:not([data-run-mode]) {
      --run-color-surface-default: var(--run-color-neutral-50);
      --run-color-surface-subtle: var(--run-color-neutral-50);
      --run-color-surface-raised: var(--run-color-neutral-50);
      --run-color-surface-inverse: var(--run-color-neutral-950);
      --run-color-surface-overlay: rgb(0 0 0 / 0.6);
      --run-color-text-primary: var(--run-color-neutral-950);
      --run-color-text-secondary: var(--run-color-neutral-900);
      --run-color-text-tertiary: var(--run-color-neutral-800);
      --run-color-text-disabled: var(--run-color-neutral-100);
      --run-color-text-inverse: var(--run-color-neutral-50);
      --run-color-text-danger: var(--run-color-danger-800);
      --run-color-icon-primary: var(--run-color-neutral-950);
      --run-color-icon-secondary: var(--run-color-neutral-800);
      --run-color-border-default: var(--run-color-neutral-50);
      --run-color-border-strong: var(--run-color-neutral-300);
      --run-color-border-subtle: var(--run-color-neutral-50);
      --run-color-border-input-default: var(--run-color-neutral-100);
      --run-color-border-input-hover: var(--run-color-neutral-300);
      --run-color-divider: var(--run-color-neutral-50);
      --run-color-focus-ring: var(--run-color-brand-800);
      --run-color-state-hover-overlay: rgb(255 255 255 / 0.08);
      --run-color-state-active-overlay: rgb(255 255 255 / 0.12);
      --run-color-state-selected-overlay: var(--run-color-brand-50);
      --run-opacity-state-disabled: 0.38;
      --run-color-intent-primary-base: var(--run-color-brand-900);
      --run-color-intent-primary-hover: var(--run-color-brand-950);
      --run-color-intent-primary-active: var(--run-color-brand-950);
      --run-color-intent-primary-subtle: var(--run-color-brand-50);
      --run-color-intent-primary-on: var(--run-color-neutral-50);
      --run-color-intent-secondary-base: var(--run-color-brand-900);
      --run-color-intent-secondary-hover: var(--run-color-brand-950);
      --run-color-intent-secondary-active: var(--run-color-brand-950);
      --run-color-intent-secondary-subtle: var(--run-color-brand-50);
      --run-color-intent-secondary-on: var(--run-color-neutral-50);
      --run-color-intent-danger-base: var(--run-color-danger-800);
      --run-color-intent-danger-hover: var(--run-color-danger-900);
      --run-color-intent-danger-active: var(--run-color-danger-950);
      --run-color-intent-danger-subtle: var(--run-color-danger-50);
      --run-color-intent-danger-on: var(--run-color-neutral-50);
      --run-color-intent-success-base: var(--run-color-success-800);
      --run-color-intent-warning-base: var(--run-color-warning-800);
      --run-color-intent-info-base: var(--run-color-info-800);
      --run-color-intent-neutral-base: var(--run-color-neutral-900);
      --run-color-feedback-success-background: var(--run-color-success-50);
      --run-color-feedback-success-border: var(--run-color-success-50);
      --run-color-feedback-success-foreground: var(--run-color-success-900);
      --run-color-feedback-warning-background: var(--run-color-warning-50);
      --run-color-feedback-warning-border: var(--run-color-warning-50);
      --run-color-feedback-warning-foreground: var(--run-color-warning-900);
      --run-color-feedback-danger-background: var(--run-color-danger-50);
      --run-color-feedback-danger-border: var(--run-color-danger-50);
      --run-color-feedback-danger-foreground: var(--run-color-danger-900);
      --run-color-feedback-info-background: var(--run-color-info-50);
      --run-color-feedback-info-border: var(--run-color-info-50);
      --run-color-feedback-info-foreground: var(--run-color-info-900);
      --run-color-syntax-keyword: #c678dd;
      --run-color-syntax-string: #98c379;
      --run-color-syntax-number: #d19a66;
      --run-color-syntax-comment: #5c6370;
      --run-color-syntax-function: #61afef;
      --run-color-syntax-tag: #e06c75;
      --run-color-syntax-attr-name: #e06c75;
      --run-color-syntax-attr-value: #98c379;
      --run-bauhaus-triangle: var(--run-color-brand-900);
      --run-space-semantic-2xs: var(--run-space-1);
      --run-space-semantic-xs: var(--run-space-2);
      --run-space-semantic-sm: var(--run-space-3);
      --run-space-semantic-md: var(--run-space-4);
      --run-space-semantic-lg: var(--run-space-6);
      --run-space-semantic-xl: var(--run-space-8);
      --run-motion-semantic-micro-duration: var(--run-duration-fastest);
      --run-motion-semantic-micro-easing: var(--run-easing-default);
      --run-motion-semantic-standard-duration: var(--run-duration-normal);
      --run-motion-semantic-standard-easing: var(--run-easing-in-out);
      --run-motion-semantic-entrance-duration: var(--run-duration-slow);
      --run-motion-semantic-entrance-easing: var(--run-easing-out);
      --run-motion-semantic-exit-duration: var(--run-duration-fast);
      --run-motion-semantic-exit-easing: var(--run-easing-in);
      --run-motion-semantic-attention-duration: var(--run-motion-duration-pulse);
      --run-motion-semantic-attention-easing: var(--run-easing-in-out);
      --run-motion-easing-standard: var(--run-easing-in-out);
      --run-motion-easing-decelerate: var(--run-easing-out);
      --run-motion-easing-accelerate: var(--run-easing-in);
      --run-font-semantic-family-body: var(--run-font-family-body);
      --run-font-semantic-family-heading: var(--run-font-family-heading);
      --run-font-semantic-family-code: var(--run-font-family-mono);
      --run-font-semantic-weight-body: var(--run-font-weight-regular);
      --run-font-semantic-weight-medium: var(--run-font-weight-medium);
      --run-font-semantic-weight-strong: var(--run-font-weight-semibold);
      --run-font-semantic-weight-heading: var(--run-font-weight-semibold);
      --run-font-semantic-weight-bold: var(--run-font-weight-bold);
      --run-font-semantic-line-height-body: var(--run-line-height-normal);
      --run-font-semantic-line-height-heading: var(--run-line-height-tight);
      --run-font-size-xs: 0.75rem;
      --run-font-size-sm: 0.875rem;
      --run-font-size-base: 1rem;
      --run-font-size-lg: 1.125rem;
      --run-font-size-xl: 1.25rem;
      --run-font-size-2xl: 1.5rem;
      --run-font-size-3xl: 1.875rem;
      --run-font-size-4xl: 2.25rem;
      --run-font-size-5xl: 3rem;
      --run-font-size-6xl: 3.75rem;
      --run-radius-semantic-control: var(--run-radius-md);
      --run-radius-semantic-card: var(--run-radius-lg);
      --run-radius-semantic-pill: var(--run-radius-full);
      --run-radius-semantic-checkbox: var(--run-radius-sm);
      --run-radius-semantic-badge: var(--run-radius-md);
      --run-elevation-semantic-none: var(--run-shadow-none);
      --run-elevation-semantic-raised: var(--run-shadow-md);
      --run-elevation-semantic-overlay: var(--run-shadow-lg);
      --run-elevation-semantic-modal: var(--run-shadow-xl);
      --run-size-icon-xs: 0.75rem;
      --run-size-icon-sm: 1rem;
      --run-size-icon-md: 1.25rem;
      --run-size-icon-lg: 1.5rem;
      --run-size-icon-xl: 2rem;
      --run-space-gap-xs: 0.25rem;
      --run-space-gap-sm: 0.5rem;
      --run-space-gap-md: 0.75rem;
      --run-space-gap-lg: 1.5rem;
      --run-space-inset-sm: 10px;
      --run-space-inset-md: 12px;
      --run-space-padding-md: 1rem;
      --run-space-component-md: 1rem;
      --run-space-focus-offset: 2px;
      --run-size-touch-xs: 28px;
      --run-size-touch-sm: 36px;
      --run-size-touch-md: 44px;
      --run-size-touch-lg: 52px;
      --run-size-interactive-height-sm: var(--run-space-8);
      --run-size-interactive-height-md: var(--run-space-10);
      --run-size-interactive-height-lg: var(--run-space-12);
      --run-size-interactive-md: var(--run-space-10);
      --run-size-interactive-min-width: 44px;
      --run-button-height-sm: var(--run-size-interactive-height-sm);
      --run-button-height-md: var(--run-size-interactive-height-md);
      --run-button-height-lg: var(--run-size-interactive-height-lg);
      --run-select-height-sm: var(--run-size-interactive-height-sm);
      --run-select-height-md: var(--run-size-interactive-height-md);
      --run-select-height-lg: var(--run-size-interactive-height-lg);
      --run-input-height-sm: var(--run-size-interactive-height-sm);
      --run-input-height-md: var(--run-size-interactive-height-md);
      --run-input-height-lg: var(--run-size-interactive-height-lg);
      --run-picker-height: var(--run-size-interactive-height-md);
    }
  }
}

@media (forced-colors: active) {
  :root {
    --run-color-surface-default: Canvas;
    --run-color-surface-subtle: Canvas;
    --run-color-surface-raised: Canvas;
    --run-color-overlay-default: Canvas;
    --run-color-text-primary: CanvasText;
    --run-color-text-secondary: CanvasText;
    --run-color-text-inverse: CanvasText;
    --run-color-text-tertiary: GrayText;
    --run-color-text-disabled: GrayText;
    --run-color-border-default: ButtonBorder;
    --run-color-divider: ButtonBorder;
    --run-color-surface-action-primary: ButtonFace;
    --run-color-surface-action-secondary: ButtonFace;
    --run-color-surface-action-danger: ButtonFace;
    --run-color-text-action-primary: ButtonText;
    --run-color-text-action-secondary: ButtonText;
    --run-color-text-on-action-primary: ButtonText;
    --run-color-text-on-action-secondary: ButtonText;
    --run-color-text-on-action-danger: ButtonText;
    --run-color-focus-ring: Highlight;
    --run-color-intent-primary-base: LinkText;
    --run-color-intent-secondary-base: LinkText;
    --run-color-intent-danger-base: LinkText;
    --run-color-syntax-keyword: CanvasText;
    --run-color-syntax-string: CanvasText;
    --run-color-syntax-number: CanvasText;
    --run-color-syntax-comment: GrayText;
    --run-color-syntax-function: CanvasText;
    --run-color-syntax-tag: CanvasText;
    --run-color-syntax-attr-name: CanvasText;
    --run-color-syntax-attr-value: CanvasText;
  }
}