@runsnative/mcp-server 0.3.0 → 0.4.0

package/dist/tokens/tokens-daisy-nord.css

@@ -0,0 +1,1320 @@
+/* Generated by RunsNative token engine v1.0.0 */
+/* Theme: daisy-nord | Generated: 2026-07-08T10:49:47.180Z */
+
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');
+
+@layer primitives, semantics, themes;
+
+@layer primitives {
+  :root {
+    --run-color-brand-50: #e9ebee;
+    --run-color-brand-100: #dde1e6;
+    --run-color-brand-200: #c4cdd8;
+    --run-color-brand-300: #a2b3c7;
+    --run-color-brand-400: #819aba;
+    --run-color-brand-500: #5e81ac;
+    --run-color-brand-600: #4b6585;
+    --run-color-brand-700: #36465b;
+    --run-color-brand-800: #1e2732;
+    --run-color-brand-900: #0b0f13;
+    --run-color-brand-950: #030304;
+    --run-color-neutral-0: #ffffff;
+    --run-color-neutral-50: #f0f6fd;
+    --run-color-neutral-100: #e6ecf3;
+    --run-color-neutral-200: #d1d6de;
+    --run-color-neutral-300: #b5bbc2;
+    --run-color-neutral-400: #9ca2a9;
+    --run-color-neutral-500: #83888f;
+    --run-color-neutral-600: #676c73;
+    --run-color-neutral-700: #494e54;
+    --run-color-neutral-800: #2a2e34;
+    --run-color-neutral-900: #11151a;
+    --run-color-neutral-950: #05080c;
+    --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-color-accent-50: #fcfcfc;
+    --run-color-accent-100: #f1f2f3;
+    --run-color-accent-200: #d8dde2;
+    --run-color-accent-300: #b7c2ce;
+    --run-color-accent-400: #97aabe;
+    --run-color-accent-500: #7491ae;
+    --run-color-accent-600: #5e748a;
+    --run-color-accent-700: #465463;
+    --run-color-accent-800: #2b343c;
+    --run-color-accent-900: #161a1e;
+    --run-color-accent-950: #090b0e;
+    --run-font-family-heading: 'DM Sans', system-ui, sans-serif;
+    --run-font-family-body: 'DM Sans', system-ui, sans-serif;
+    --run-font-family-mono: 'DM 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-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-none: 0;
+    --run-radius-sm: 4px;
+    --run-radius-md: 8px;
+    --run-radius-lg: 12px;
+    --run-radius-xl: 16px;
+    --run-radius-2xl: 24px;
+    --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: 100ms;
+    --run-duration-fast: 150ms;
+    --run-duration-normal: 250ms;
+    --run-duration-slow: 350ms;
+    --run-duration-slowest: 500ms;
+    --run-motion-duration-pulse: 1500ms;
+    --run-easing-default: cubic-bezier(0.4, 0, 0.2, 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-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-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-accent-600);
+    --run-color-intent-secondary-hover: var(--run-color-accent-700);
+    --run-color-intent-secondary-active: var(--run-color-accent-800);
+    --run-color-intent-secondary-subtle: var(--run-color-accent-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-color-accent-background: var(--run-color-accent-100);
+    --run-color-accent-background-hover: var(--run-color-accent-200);
+    --run-color-accent-text: var(--run-color-accent-700);
+    --run-color-accent-border: var(--run-color-accent-300);
+    --run-color-badge-promotional: var(--run-color-accent-500);
+    --run-bauhaus-disc: var(--run-color-brand-400);
+    --run-bauhaus-triangle: var(--run-color-accent-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-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-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-accent-600);
+    --run-color-intent-secondary-hover: var(--run-color-accent-700);
+    --run-color-intent-secondary-active: var(--run-color-accent-800);
+    --run-color-intent-secondary-subtle: var(--run-color-accent-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-color-accent-background: var(--run-color-accent-100);
+    --run-color-accent-background-hover: var(--run-color-accent-200);
+    --run-color-accent-text: var(--run-color-accent-700);
+    --run-color-accent-border: var(--run-color-accent-300);
+    --run-color-badge-promotional: var(--run-color-accent-500);
+    --run-bauhaus-disc: var(--run-color-brand-400);
+    --run-bauhaus-triangle: var(--run-color-accent-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-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-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-accent-300);
+    --run-color-intent-secondary-hover: var(--run-color-accent-200);
+    --run-color-intent-secondary-active: var(--run-color-accent-100);
+    --run-color-intent-secondary-subtle: var(--run-color-accent-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-color-accent-background: var(--run-color-accent-950);
+    --run-color-accent-background-hover: var(--run-color-accent-900);
+    --run-color-accent-text: var(--run-color-accent-300);
+    --run-color-accent-border: var(--run-color-accent-700);
+    --run-color-badge-promotional: var(--run-color-accent-400);
+    --run-bauhaus-triangle: var(--run-color-accent-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-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-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-accent-900);
+    --run-color-intent-secondary-hover: var(--run-color-accent-950);
+    --run-color-intent-secondary-active: var(--run-color-accent-950);
+    --run-color-intent-secondary-subtle: var(--run-color-accent-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-color-accent-background: var(--run-color-accent-50);
+    --run-color-accent-background-hover: var(--run-color-accent-50);
+    --run-color-accent-text: var(--run-color-accent-950);
+    --run-color-accent-border: var(--run-color-accent-100);
+    --run-color-badge-promotional: var(--run-color-accent-700);
+    --run-bauhaus-disc: var(--run-color-brand-200);
+    --run-bauhaus-triangle: var(--run-color-accent-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-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-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-accent-900);
+    --run-color-intent-secondary-hover: var(--run-color-accent-950);
+    --run-color-intent-secondary-active: var(--run-color-accent-950);
+    --run-color-intent-secondary-subtle: var(--run-color-accent-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-color-accent-background: var(--run-color-accent-50);
+    --run-color-accent-background-hover: var(--run-color-accent-50);
+    --run-color-accent-text: var(--run-color-accent-900);
+    --run-color-accent-border: var(--run-color-accent-50);
+    --run-color-badge-promotional: var(--run-color-accent-800);
+    --run-bauhaus-triangle: var(--run-color-accent-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-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-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-accent-300);
+      --run-color-intent-secondary-hover: var(--run-color-accent-200);
+      --run-color-intent-secondary-active: var(--run-color-accent-100);
+      --run-color-intent-secondary-subtle: var(--run-color-accent-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-color-accent-background: var(--run-color-accent-950);
+      --run-color-accent-background-hover: var(--run-color-accent-900);
+      --run-color-accent-text: var(--run-color-accent-300);
+      --run-color-accent-border: var(--run-color-accent-700);
+      --run-color-badge-promotional: var(--run-color-accent-400);
+      --run-bauhaus-triangle: var(--run-color-accent-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-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-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-accent-900);
+      --run-color-intent-secondary-hover: var(--run-color-accent-950);
+      --run-color-intent-secondary-active: var(--run-color-accent-950);
+      --run-color-intent-secondary-subtle: var(--run-color-accent-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-color-accent-background: var(--run-color-accent-50);
+      --run-color-accent-background-hover: var(--run-color-accent-50);
+      --run-color-accent-text: var(--run-color-accent-950);
+      --run-color-accent-border: var(--run-color-accent-100);
+      --run-color-badge-promotional: var(--run-color-accent-700);
+      --run-bauhaus-disc: var(--run-color-brand-200);
+      --run-bauhaus-triangle: var(--run-color-accent-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-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-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-accent-900);
+      --run-color-intent-secondary-hover: var(--run-color-accent-950);
+      --run-color-intent-secondary-active: var(--run-color-accent-950);
+      --run-color-intent-secondary-subtle: var(--run-color-accent-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-color-accent-background: var(--run-color-accent-50);
+      --run-color-accent-background-hover: var(--run-color-accent-50);
+      --run-color-accent-text: var(--run-color-accent-900);
+      --run-color-accent-border: var(--run-color-accent-50);
+      --run-color-badge-promotional: var(--run-color-accent-800);
+      --run-bauhaus-triangle: var(--run-color-accent-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-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-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;
+  }
+}