/* @veneer-ui/theme-neutral — GENERATED by tools/gen-theme-neutral.mjs.
 * Token values derived from Astryx v0.1.6 (MIT, (c) Meta Platforms) — see NOTICE. */
:root,
[data-veneer-theme="neutral"] {
  --vnr-border-width: 1px;
  --vnr-button-focus-offset: 3px;
  --vnr-button-icon-only-aspect: 1 / 1;
  --vnr-color-accent: light-dark(#262626, #ebebeb);
  --vnr-color-accent-muted: light-dark(#f1f1f1, #262626);
  --vnr-color-background-blue: light-dark(#c4ddfb, #9eb7ff3d);
  --vnr-color-background-body: light-dark(#f1f1f1, #1b1b1b);
  --vnr-color-background-card: light-dark(#ffffff, #1b1b1b);
  --vnr-color-background-cyan: light-dark(#a3e0ef, #83c2d43d);
  --vnr-color-background-error-inverted: light-dark(#aa071e, #e3193b);
  --vnr-color-background-green: light-dark(#c5e5c0, #84c9803d);
  --vnr-color-background-inverted: light-dark(#0a1317, #ffffff);
  --vnr-color-background-muted: light-dark(#f1f1f1, #1b1b1b);
  --vnr-color-background-orange: light-dark(#fad0b5, #ffa2583d);
  --vnr-color-background-pink: light-dark(#fccadc, #ff99c33d);
  --vnr-color-background-popover: light-dark(#ffffff, #1b1b1b);
  --vnr-color-background-purple: light-dark(#eccef3, #f297ff3d);
  --vnr-color-background-red: light-dark(#facecb, #ff9e973d);
  --vnr-color-background-surface: light-dark(#ffffff, #262626);
  /* Fields (input wrapper, select trigger): a theme may tint them apart from other surfaces. */
  --vnr-color-background-field: var(--vnr-color-background-surface);
  --vnr-color-background-teal: light-dark(#a5e3d6, #7ec6b83d);
  --vnr-color-background-yellow: light-dark(#f8da9d, #deb4333d);
  --vnr-color-border: light-dark(#ebebeb, #ffffff1a);
  --vnr-color-border-blue: light-dark(#b1c9e7, #6d9cfe);
  --vnr-color-border-cyan: light-dark(#91d3e3, #67a7b8);
  --vnr-color-border-emphasized: light-dark(#d4d4d4, #525252);
  --vnr-color-border-gray: light-dark(#d4d4d4, #262626);
  --vnr-color-border-green: light-dark(#b2d1ac, #69ad67);
  --vnr-color-border-orange: light-dark(#e6bda2, #e2883e);
  --vnr-color-border-pink: light-dark(#e7b7c8, #f273aa);
  --vnr-color-border-purple: light-dark(#d8bbdf, #dd74f0);
  --vnr-color-border-red: light-dark(#e6bab8, #ff6f6c);
  --vnr-color-border-teal: light-dark(#94d6c8, #63ab9d);
  --vnr-color-border-yellow: light-dark(#e4c279, #c0990e);
  --vnr-color-error: light-dark(#a50c25, #ffc6c1);
  --vnr-color-error-muted: light-dark(#facecb, #ff9e973d);
  --vnr-color-icon-accent: light-dark(#262626, #ebebeb);
  --vnr-color-icon-blue: light-dark(#00458c, #9eb7ff);
  --vnr-color-icon-cyan: light-dark(#00505f, #83c2d4);
  --vnr-color-icon-disabled: light-dark(#a3a3a3, #525252);
  --vnr-color-icon-gray: light-dark(#525252, #a3a3a3);
  --vnr-color-icon-green: light-dark(#0c5700, #84c980);
  --vnr-color-icon-orange: light-dark(#6e3500, #ffa258);
  --vnr-color-icon-pink: light-dark(#83004b, #ff99c3);
  --vnr-color-icon-primary: light-dark(#171717, #fafafa);
  --vnr-color-icon-purple: light-dark(#700084, #f297ff);
  --vnr-color-icon-red: light-dark(#89001a, #ff9e97);
  --vnr-color-icon-secondary: light-dark(#737373, #a3a3a3);
  --vnr-color-icon-teal: light-dark(#005348, #7ec6b8);
  --vnr-color-icon-yellow: light-dark(#584400, #deb433);
  --vnr-color-neutral: light-dark(#0000000f, #ffffff1a);
  --vnr-color-on-accent: light-dark(#ffffff, #171717);
  --vnr-color-on-dark: #ffffff;
  --vnr-color-on-error: light-dark(#ffffff, #171717);
  --vnr-color-on-light: #171717;
  --vnr-color-on-success: light-dark(#ffffff, #171717);
  --vnr-color-on-warning: #171717;
  --vnr-color-overlay: light-dark(#00000080, #000000cc);
  --vnr-color-overlay-hover: color-mix(in oklab, transparent, currentColor 8%);
  --vnr-color-overlay-pressed: color-mix(in oklab, transparent, currentColor 16%);
  --vnr-color-shadow: light-dark(#0000001a, #0000004d);
  --vnr-color-skeleton: light-dark(#ebebeb, #525252);
  --vnr-color-success: light-dark(#007004, #9fe59b);
  --vnr-color-success-muted: light-dark(#c5e5c0, #84c9803d);
  --vnr-color-syntax-attribute: light-dark(#584400, #eec12f);
  --vnr-color-syntax-background: light-dark(#fafafa, #0a0a0a);
  --vnr-color-syntax-comment: light-dark(#6b6b6b, #a3a3a3);
  --vnr-color-syntax-constant: light-dark(#6e3500, #ffb37f);
  --vnr-color-syntax-function: light-dark(#00458c, #a0caff);
  --vnr-color-syntax-keyword: light-dark(#700084, #efa8ff);
  --vnr-color-syntax-number: light-dark(#6e3500, #ffb37f);
  --vnr-color-syntax-operator: light-dark(#6b6b6b, #a3a3a3);
  --vnr-color-syntax-property: light-dark(#005348, #83dac9);
  --vnr-color-syntax-punctuation: light-dark(#a3a3a3, #525252);
  --vnr-color-syntax-string: light-dark(#005600, #a6d2a2);
  --vnr-color-syntax-tag: light-dark(#89001a, #ffaeaa);
  --vnr-color-syntax-type: light-dark(#700084, #efa8ff);
  --vnr-color-syntax-variable: light-dark(#171717, #e5e5e5);
  --vnr-color-text-accent: light-dark(#262626, #ebebeb);
  --vnr-color-text-blue: light-dark(#00458c, #c7d3ff);
  --vnr-color-text-cyan: light-dark(#00505f, #9edef0);
  --vnr-color-text-disabled: light-dark(#8a8a8a, #787878);
  --vnr-color-text-gray: light-dark(#262626, #e5e5e5);
  --vnr-color-text-green: light-dark(#0c5700, #9fe59b);
  --vnr-color-text-orange: light-dark(#6e3500, #ffc9a2);
  --vnr-color-text-pink: light-dark(#83004b, #ffc3da);
  --vnr-color-text-primary: light-dark(#171717, #fafafa);
  --vnr-color-text-purple: light-dark(#700084, #fac1ff);
  --vnr-color-text-red: light-dark(#89001a, #ffc6c1);
  --vnr-color-text-secondary: light-dark(#6b6b6b, #a3a3a3);
  /* Placeholder text in fields; lighter than secondary text in a theme that wants it so. */
  --vnr-color-text-placeholder: var(--vnr-color-text-secondary);
  --vnr-color-text-teal: light-dark(#005348, #99e2d3);
  --vnr-color-text-yellow: light-dark(#584400, #fdcf4f);
  --vnr-color-tint-hover: light-dark(black, white);
  --vnr-color-track: light-dark(#ccd3db, #5a5e66);
  --vnr-color-warning: light-dark(#745b00, #fdcf4f);
  --vnr-color-warning-muted: light-dark(#f8da9d, #deb4333d);
  --vnr-container-padding-block-end: 0px;
  --vnr-container-padding-block-start: 0px;
  --vnr-container-padding-inline-end: 0px;
  --vnr-container-padding-inline-start: 0px;
  --vnr-duration-fast: 125ms;
  --vnr-duration-fast-max: 165ms;
  --vnr-duration-fast-min: 95ms;
  --vnr-duration-medium: 300ms;
  --vnr-duration-medium-max: 400ms;
  --vnr-duration-medium-min: 225ms;
  --vnr-duration-slow: 700ms;
  --vnr-duration-slow-max: 935ms;
  --vnr-duration-slow-min: 525ms;
  --vnr-ease-standard: cubic-bezier(0.24, 1, 0.4, 1);
  --vnr-ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --vnr-ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --vnr-ease-linear: linear;
  --vnr-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --vnr-motion-flash-guard: 1000ms;
  --vnr-font-family-body:
    Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --vnr-font-family-code:
    ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --vnr-font-family-heading:
    Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --vnr-font-size-2xl: 1.5rem;
  --vnr-font-size-2xs: 0.5rem;
  --vnr-font-size-3xl: 1.8125rem;
  --vnr-font-size-3xs: 0.4375rem;
  --vnr-font-size-4xl: 2.1875rem;
  --vnr-font-size-4xs: 0.375rem;
  --vnr-font-size-5xl: 2.625rem;
  --vnr-font-size-base: 0.875rem;
  --vnr-font-size-lg: 1.0625rem;
  --vnr-font-size-sm: 0.75rem;
  --vnr-font-size-xl: 1.25rem;
  --vnr-font-size-xs: 0.625rem;
  --vnr-font-weight-bold: 700;
  --vnr-font-weight-medium: 500;
  --vnr-font-weight-normal: 400;
  --vnr-font-weight-semibold: 600;
  --vnr-indicator-color: transparent;
  --vnr-layout-padding-outer-x: 0px;
  --vnr-layout-padding-outer-y: 0px;
  --vnr-radius-chat: 28px;
  --vnr-radius-container: 0.75rem;
  --vnr-radius-element: 0.625rem;
  --vnr-radius-full: 9999px;
  --vnr-radius-inner: 0.375rem;
  --vnr-radius-none: 0.25rem;
  --vnr-radius-page: 1.75rem;
  --vnr-separator-display: flex;
  --vnr-shadow-high:
    0 4px 6px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)),
    0 12px 24px light-dark(oklch(0 0 0 / 15%), oklch(0 0 0 / 70%)),
    inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 15%));
  --vnr-shadow-inset-error: inset 0px 0px 0px 2px #e33f4a4d;
  --vnr-shadow-inset-hover: inset 0px 0px 0px 2px #0074e24d;
  --vnr-shadow-inset-selected: inset 0px 0px 0px 2px #0074e280;
  --vnr-shadow-inset-success: inset 0px 0px 0px 2px #1981004d;
  --vnr-shadow-inset-warning: inset 0px 0px 0px 2px #ffce2f4d;
  --vnr-shadow-low:
    0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 25%)),
    0 4px 8px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 40%)),
    inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 8%));
  --vnr-shadow-med:
    0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 35%)),
    0 4px 12px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)),
    inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 12%));
  --vnr-size-element-lg: 36px;
  --vnr-size-element-md: 32px;
  --vnr-size-element-sm: 28px;
  --vnr-spacing-0: 0px;
  --vnr-spacing-0-5: 2px;
  --vnr-spacing-1: 4px;
  --vnr-spacing-1-5: 6px;
  --vnr-spacing-10: 40px;
  --vnr-spacing-11: 44px;
  --vnr-spacing-12: 48px;
  --vnr-spacing-2: 8px;
  --vnr-spacing-3: 12px;
  --vnr-spacing-4: 16px;
  --vnr-spacing-5: 20px;
  --vnr-spacing-6: 24px;
  --vnr-spacing-7: 28px;
  --vnr-spacing-8: 32px;
  --vnr-spacing-9: 36px;
  --vnr-text-body-leading: 1.4286;
  --vnr-text-code-leading: 1.4286;
  --vnr-text-display-1-leading: 1.2381;
  --vnr-text-display-2-leading: 1.2571;
  --vnr-text-display-3-leading: 1.3793;
  --vnr-text-heading-1-leading: 1.3333;
  --vnr-text-heading-2-leading: 1.4;
  --vnr-text-heading-3-leading: 1.4118;
  --vnr-text-heading-4-leading: 1.4286;
  --vnr-text-heading-5-leading: 1.6667;
  --vnr-text-heading-6-leading: 1.6;
  --vnr-text-label-leading: 1.4286;
  --vnr-text-large-leading: 1.4118;
  --vnr-text-supporting-leading: 1.6667;
  --vnr-transition-fast: 0.15s ease;
  --vnr-transition-normal: 0.2s ease;
  --vnr-transition-property-colors:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  --vnr-transition-property-opacity: opacity;
  --vnr-transition-property-shadow: box-shadow;
  --vnr-transition-property-transform: transform;
  --vnr-spacer-0: 0px;
  --vnr-spacer-2: 2px;
  --vnr-spacer-4: 4px;
  --vnr-spacer-6: 6px;
  --vnr-spacer-8: 8px;
  --vnr-spacer-12: 12px;
  --vnr-spacer-16: 16px;
  --vnr-spacer-20: 20px;
  --vnr-spacer-24: 24px;
  --vnr-spacer-28: 28px;
  --vnr-spacer-32: 32px;
  --vnr-spacer-36: 36px;
  --vnr-spacer-40: 40px;
  --vnr-spacer-44: 44px;
  --vnr-spacer-48: 48px;
}

/* Derived tokens: re-declared on every theme scope so they re-resolve against
 * the base tokens that scope (or its ancestors) provide. */
:root,
[data-veneer-theme] {
  --vnr-_avatar-group-overlap: var(--vnr-x---_avatar-group-overlap);
  --vnr-_button-radius: calc(var(--vnr-radius-element) - var(--vnr-spacer-4));
  --vnr-_card-radius: var(--vnr-radius-container);
  --vnr-_chat-composer-padding: var(--vnr-spacer-12);
  --vnr-_chat-composer-radius: var(--vnr-radius-chat);
  --vnr-_dialog-radius: var(--vnr-radius-container);
  --vnr-_dropdown-menu-padding: var(--vnr-spacer-4);
  --vnr-_dropdown-menu-radius: var(--vnr-radius-container);
  --vnr-_field-radius: var(--vnr-radius-element);
  /* Frame style of every field; a wrapper marks a derived value by setting dashed on itself. */
  --vnr-_field-border-style: solid;
  --vnr-_tooltip-radius: var(--vnr-radius-element);
  --vnr-_hovercard-radius: var(--vnr-radius-container);
  --vnr-_segmented-control-padding: var(--vnr-spacer-2);
  --vnr-_segmented-control-radius: var(--vnr-radius-element);
  --vnr-_tab-indicator-bottom: var(--vnr-x---_tab-indicator-bottom);
  --vnr-_tab-indicator-duration: var(--vnr-motion-duration-normal);
  --vnr-astryx-card-padding: var(--vnr-spacer-12);
  --vnr-astryx-section-padding: var(--vnr-spacer-12);
  --vnr-color-accent-bg: var(--vnr-color-accent);
  --vnr-color-background-gray: light-dark(#e5e5e5, var(--vnr-color-neutral));
  --vnr-color-blue-ring: var(--vnr-color-border-blue);
  --vnr-color-blue-subtle: var(--vnr-color-background-blue);
  --vnr-color-blue-vivid: var(--vnr-color-text-blue);
  --vnr-color-body: var(--vnr-color-background-body);
  --vnr-color-border-strong: var(--vnr-color-border-emphasized);
  --vnr-color-card: var(--vnr-color-background-card);
  --vnr-color-cyan-ring: var(--vnr-color-border-cyan);
  --vnr-color-cyan-subtle: var(--vnr-color-background-cyan);
  --vnr-color-cyan-vivid: var(--vnr-color-text-cyan);
  --vnr-color-disabled: var(--vnr-color-text-disabled);
  --vnr-color-gray-ring: var(--vnr-color-border-gray);
  --vnr-color-gray-subtle: var(--vnr-color-background-gray);
  --vnr-color-gray-vivid: var(--vnr-color-text-gray);
  --vnr-color-green-ring: var(--vnr-color-border-green);
  --vnr-color-green-subtle: var(--vnr-color-background-green);
  --vnr-color-green-vivid: var(--vnr-color-text-green);
  --vnr-color-inverted: var(--vnr-color-background-inverted);
  --vnr-color-muted: var(--vnr-color-background-muted);
  --vnr-color-orange-ring: var(--vnr-color-border-orange);
  --vnr-color-orange-subtle: var(--vnr-color-background-orange);
  --vnr-color-orange-vivid: var(--vnr-color-text-orange);
  --vnr-color-pink-ring: var(--vnr-color-border-pink);
  --vnr-color-pink-subtle: var(--vnr-color-background-pink);
  --vnr-color-pink-vivid: var(--vnr-color-text-pink);
  --vnr-color-popover: var(--vnr-color-background-popover);
  --vnr-color-primary: var(--vnr-color-text-primary);
  --vnr-color-purple-ring: var(--vnr-color-border-purple);
  --vnr-color-purple-subtle: var(--vnr-color-background-purple);
  --vnr-color-purple-vivid: var(--vnr-color-text-purple);
  --vnr-color-red-ring: var(--vnr-color-border-red);
  --vnr-color-red-subtle: var(--vnr-color-background-red);
  --vnr-color-red-vivid: var(--vnr-color-text-red);
  --vnr-color-secondary: var(--vnr-color-text-secondary);
  --vnr-color-surface: var(--vnr-color-background-surface);
  --vnr-color-teal-ring: var(--vnr-color-border-teal);
  --vnr-color-teal-subtle: var(--vnr-color-background-teal);
  --vnr-color-teal-vivid: var(--vnr-color-text-teal);
  --vnr-color-yellow-ring: var(--vnr-color-border-yellow);
  --vnr-color-yellow-subtle: var(--vnr-color-background-yellow);
  --vnr-color-yellow-vivid: var(--vnr-color-text-yellow);
  --vnr-container-max-height: var(--vnr-x---container-max-height);
  --vnr-ease-out: var(--vnr-ease-standard);
  --vnr-font-heading: var(--vnr-font-family-heading);
  --vnr-font-mono: var(--vnr-font-family-code);
  --vnr-font-sans: var(--vnr-font-family-body);
  --vnr-layout-content-width: var(--vnr-x---layout-content-width);
  --vnr-layout-padding-inner-x: var(
    --vnr-astryx-card-padding-inline-start,
    var(--vnr-astryx-card-padding-inline, var(--vnr-astryx-card-padding, var(--vnr-spacer-16)))
  );
  --vnr-layout-padding-inner-y: var(
    --vnr-astryx-card-padding-block-start,
    var(--vnr-astryx-card-padding, var(--vnr-spacer-16))
  );
  /* Semantic motion aliases: components pick a speed by name; the primitive
     --vnr-duration-* scale (fast/medium/slow) stays the single source of truth. */
  --vnr-motion-duration-fast: var(--vnr-duration-fast);
  --vnr-motion-duration-normal: var(--vnr-duration-medium);
  --vnr-motion-duration-slow: var(--vnr-duration-slow);
  --vnr-motion-ease: var(--vnr-ease-standard);
  --vnr-radius-lg: var(--vnr-radius-container);
  --vnr-radius-md: var(--vnr-radius-element);
  --vnr-radius-sm: var(--vnr-radius-inner);
  --vnr-radius-xl: var(--vnr-radius-page);
  --vnr-radius-xs: var(--vnr-radius-inner);
  --vnr-shadow-lg: var(--vnr-shadow-high);
  --vnr-shadow-md: var(--vnr-shadow-med);
  --vnr-shadow-sm: var(--vnr-shadow-low);
  --vnr-size-lg: var(--vnr-size-element-lg);
  --vnr-size-md: var(--vnr-size-element-md);
  --vnr-size-sm: var(--vnr-size-element-sm);
  --vnr-spacing: var(--vnr-spacer-4);
  --vnr-table-row-overlay: var(--vnr-color-background-muted);
  --vnr-text-2xl: var(--vnr-font-size-2xl);
  --vnr-text-2xs: var(--vnr-font-size-2xs);
  --vnr-text-3xl: var(--vnr-font-size-3xl);
  --vnr-text-4xl: var(--vnr-font-size-4xl);
  --vnr-text-5xl: var(--vnr-font-size-5xl);
  --vnr-text-base: var(--vnr-font-size-base);
  --vnr-text-body-size: var(--vnr-font-size-base);
  --vnr-text-body-weight: var(--vnr-font-weight-normal);
  --vnr-text-code-size: var(--vnr-font-size-base);
  --vnr-text-code-weight: var(--vnr-font-weight-normal);
  --vnr-text-display-1-size: var(--vnr-font-size-5xl);
  --vnr-text-display-1-weight: var(--vnr-font-weight-normal);
  --vnr-text-display-2-size: var(--vnr-font-size-4xl);
  --vnr-text-display-2-weight: var(--vnr-font-weight-normal);
  --vnr-text-display-3-size: var(--vnr-font-size-3xl);
  --vnr-text-display-3-weight: var(--vnr-font-weight-normal);
  --vnr-text-heading-1-size: var(--vnr-font-size-2xl);
  --vnr-text-heading-1-weight: var(--vnr-font-weight-semibold);
  --vnr-text-heading-2-size: var(--vnr-font-size-xl);
  --vnr-text-heading-2-weight: var(--vnr-font-weight-semibold);
  --vnr-text-heading-3-size: var(--vnr-font-size-lg);
  --vnr-text-heading-3-weight: var(--vnr-font-weight-bold);
  --vnr-text-heading-4-size: var(--vnr-font-size-base);
  --vnr-text-heading-4-weight: var(--vnr-font-weight-bold);
  --vnr-text-heading-5-size: var(--vnr-font-size-sm);
  --vnr-text-heading-5-weight: var(--vnr-font-weight-semibold);
  --vnr-text-heading-6-size: var(--vnr-font-size-xs);
  --vnr-text-heading-6-weight: var(--vnr-font-weight-semibold);
  --vnr-text-label-size: var(--vnr-font-size-base);
  --vnr-text-label-weight: var(--vnr-font-weight-medium);
  --vnr-text-large-size: var(--vnr-font-size-lg);
  --vnr-text-large-weight: var(--vnr-font-weight-semibold);
  --vnr-text-lg: var(--vnr-font-size-lg);
  --vnr-text-sm: var(--vnr-font-size-sm);
  --vnr-text-supporting-size: var(--vnr-font-size-sm);
  --vnr-text-supporting-weight: var(--vnr-font-weight-normal);
  --vnr-text-xl: var(--vnr-font-size-xl);
  --vnr-text-xs: var(--vnr-font-size-xs);
}

/* --- Component-scoped token layer (translated from Astryx theme-neutral) ---
 * Astryx theme-neutral's .astryx-<comp>.<variant> class rules are translated
 * to veneer-<comp>[attr] document-level selectors so tokens inherit into shadow DOM.
 * Source: @astryxdesign/theme-neutral/dist/theme.css (component-scoped section). */

/* Badge variant tokens */
veneer-badge[variant="info"] {
  --vnr-badge-bg: light-dark(#0074e2, #6d9cfe);
  --vnr-badge-color: light-dark(#ffffff, #171717);
}
veneer-badge[variant="neutral"] {
  --vnr-badge-bg: light-dark(#0000000f, #ffffff1a);
  --vnr-badge-color: light-dark(#171717, #fafafa);
}
veneer-badge[variant="success"] {
  --vnr-badge-bg: light-dark(#198100, #64af4c);
  --vnr-badge-color: light-dark(#ffffff, #171717);
}
veneer-badge[variant="warning"] {
  --vnr-badge-bg: #ffce2f;
  --vnr-badge-color: #171717;
}
veneer-badge[variant="error"] {
  --vnr-badge-bg: light-dark(#d93843, #ff705d);
  --vnr-badge-color: light-dark(#ffffff, #171717);
}
veneer-badge[variant="red"] {
  --vnr-badge-bg: light-dark(#facecb, #ff9e973d);
  --vnr-badge-color: light-dark(#89001a, #ffc6c1);
}
veneer-badge[variant="orange"] {
  --vnr-badge-bg: light-dark(#fad0b5, #ffa2583d);
  --vnr-badge-color: light-dark(#6e3500, #ffc9a2);
}
veneer-badge[variant="yellow"] {
  --vnr-badge-bg: light-dark(#f8da9d, #deb4333d);
  --vnr-badge-color: light-dark(#584400, #fdcf4f);
}
veneer-badge[variant="green"] {
  --vnr-badge-bg: light-dark(#c5e5c0, #84c9803d);
  --vnr-badge-color: light-dark(#0c5700, #9fe59b);
}
veneer-badge[variant="teal"] {
  --vnr-badge-bg: light-dark(#a5e3d6, #7ec6b83d);
  --vnr-badge-color: light-dark(#005348, #99e2d3);
}
veneer-badge[variant="cyan"] {
  --vnr-badge-bg: light-dark(#a3e0ef, #83c2d43d);
  --vnr-badge-color: light-dark(#00505f, #9edef0);
}
veneer-badge[variant="blue"] {
  --vnr-badge-bg: light-dark(#c4ddfb, #9eb7ff3d);
  --vnr-badge-color: light-dark(#00458c, #c7d3ff);
}
veneer-badge[variant="purple"] {
  --vnr-badge-bg: light-dark(#eccef3, #f297ff3d);
  --vnr-badge-color: light-dark(#700084, #fac1ff);
}
veneer-badge[variant="pink"] {
  --vnr-badge-bg: light-dark(#fccadc, #ff99c33d);
  --vnr-badge-color: light-dark(#83004b, #ffc3da);
}
veneer-badge[variant="gray"] {
  --vnr-badge-bg: light-dark(#e5e5e5, #ffffff1a);
  --vnr-badge-color: light-dark(#262626, #e5e5e5);
}

/* StatusDot variant tokens */
veneer-status-dot[variant="success"] {
  --vnr-status-dot-bg: light-dark(#007004, #9fe59b);
  --vnr-status-dot-color: light-dark(#ffffff, #171717);
}
veneer-status-dot[variant="warning"] {
  --vnr-status-dot-bg: light-dark(#745b00, #fdcf4f);
  --vnr-status-dot-color: #171717;
}
veneer-status-dot[variant="error"] {
  --vnr-status-dot-bg: light-dark(#a50c25, #ffc6c1);
  --vnr-status-dot-color: light-dark(#ffffff, #171717);
}
veneer-status-dot[variant="accent"] {
  --vnr-status-dot-bg: light-dark(#262626, #ebebeb);
  --vnr-status-dot-color: light-dark(#262626, #ebebeb);
}
veneer-status-dot[variant="neutral"] {
  --vnr-status-dot-bg: light-dark(#737373, #a3a3a3);
  --vnr-status-dot-color: light-dark(#262626, #e5e5e5);
}

/* Button destructive variant tokens */
veneer-button[variant="destructive"],
veneer-icon-button[variant="destructive"],
veneer-alert-dialog {
  --vnr-button-destructive-bg: var(--vnr-color-error-muted);
  --vnr-button-destructive-color: var(--vnr-color-error);
}

/* ProgressBar scoped tokens */
veneer-progress-bar {
  --vnr-progress-bar-track: var(--vnr-color-border-emphasized);
  --vnr-progress-bar-fill-accent: #0074e2;
  --vnr-progress-bar-fill-success: #198100;
  --vnr-progress-bar-fill-warning: #ffce2f;
  --vnr-progress-bar-fill-error: #e33f4a;
}

/* Spinner scoped tokens */
veneer-spinner {
  --vnr-spinner-active: light-dark(#0064e0, #2694fe);
}