/* BluUITheme — shared palette, surfaces and appearance modes.
   Preset hues follow Ant Design Tag filled presets; status hues follow solid
   statuses. Component CSS stays on each Block. Set data-bluui-theme to light
   or dark on an ancestor; absent an override, the device preference applies.
   Generated by scripts/build-palette.py from the recorded reference palette. */
:root {
  color-scheme: light;
  --blu-font-family: Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
  --blu-font-size-xs: 12px;
  --blu-font-size-sm: 13px;
  --blu-font-size-md: 14px;
  --blu-font-size-lg: 15px;
  --blu-font-size-xl: 18px;
  --blu-font-weight-normal: 400;
  --blu-font-weight-medium: 500;
  --blu-font-weight-semibold: 600;
  --blu-font-weight-bold: 700;
  --blu-radius-xs: 4px;
  --blu-radius-sm: 6px;
  --blu-radius-md: 8px;
  --blu-radius-lg: 12px;
  --blu-radius-xl: 16px;
  --blu-space-1: 4px;
  --blu-space-2: 8px;
  --blu-space-3: 12px;
  --blu-space-4: 16px;
  --blu-space-5: 20px;
  --blu-space-6: 24px;
  --blu-transition-fast: 120ms ease;
  --blu-transition-normal: 180ms ease;
  --bluui-background: #f5f7fb;
  --bluui-surface: #ffffff;
  --bluui-surface-muted: #f7f8fb;
  --bluui-surface-raised: #ffffff;
  --bluui-text: #182230;
  --bluui-text-muted: #64748b;
  --bluui-text-subtle: #7b8799;
  --bluui-border: #e2e8f0;
  --bluui-border-strong: #b8c4d4;
  --bluui-control-border: #cbd5e1;
  --bluui-row-border: #edf0f5;
  --bluui-hover: #f0f2f7;
  --bluui-selected: #e9e6ff;
  --bluui-changed: #f5f3ff;
  --bluui-skeleton-base: #e2e8f0;
  --bluui-skeleton-shine: rgb(255 255 255 / 65%);
  --bluui-scrim: rgb(15 23 42 / 45%);
  --bluui-shadow-color: rgb(15 23 42 / 12%);
  --bluui-primary-hover: #4338ca;
  --bluui-primary-active: #3730a3;
  --bluui-on-primary: #ffffff;
  --bluui-primary: #4f46e5;
  --bluui-focus-shadow: 0 0 0 3px rgb(79 70 229 / 22%);
  --bluui-menu-shadow: 0 10px 30px rgb(15 23 42 / 16%);
  --bluui-color-default-soft: #f5f5f5;
  --bluui-color-default-text: rgba(0, 0, 0, 0.88);
  --bluui-color-default-border: #d9d9d9;
  --bluui-color-default-solid: #000000;
  --bluui-color-default-contrast: #ffffff;
  --bluui-color-primary-soft: #eef2ff;
  --bluui-color-primary-text: #4338ca;
  --bluui-color-primary-border: #c7d2fe;
  --bluui-color-primary-solid: #4f46e5;
  --bluui-color-primary-contrast: #ffffff;
  --bluui-color-secondary-soft: #e2e8f0;
  --bluui-color-secondary-text: #334155;
  --bluui-color-secondary-border: #cbd5e1;
  --bluui-color-secondary-solid: #475569;
  --bluui-color-secondary-contrast: #ffffff;
  --bluui-color-success-soft: #f6ffed;
  --bluui-color-success-text: #52c41a;
  --bluui-color-success-border: #b7eb8f;
  --bluui-color-success-solid: #52c41a;
  --bluui-color-success-contrast: #ffffff;
  --bluui-color-processing-soft: #e6f4ff;
  --bluui-color-processing-text: #1677ff;
  --bluui-color-processing-border: #91caff;
  --bluui-color-processing-solid: #1677ff;
  --bluui-color-processing-contrast: #ffffff;
  --bluui-color-warning-soft: #fffbe6;
  --bluui-color-warning-text: #faad14;
  --bluui-color-warning-border: #ffe58f;
  --bluui-color-warning-solid: #faad14;
  --bluui-color-warning-contrast: #ffffff;
  --bluui-color-error-soft: #fff2f0;
  --bluui-color-error-text: #ff4d4f;
  --bluui-color-error-border: #ffccc7;
  --bluui-color-error-solid: #ff4d4f;
  --bluui-color-error-contrast: #ffffff;
  --bluui-color-danger-soft: #fff2f0;
  --bluui-color-danger-text: #ff4d4f;
  --bluui-color-danger-border: #ffccc7;
  --bluui-color-danger-solid: #ff4d4f;
  --bluui-color-danger-contrast: #ffffff;
  --bluui-color-magenta-soft: #fff0f6;
  --bluui-color-magenta-text: #c41d7f;
  --bluui-color-magenta-border: #ffadd2;
  --bluui-color-magenta-solid: #eb2f96;
  --bluui-color-magenta-contrast: #ffffff;
  --bluui-color-red-soft: #fff1f0;
  --bluui-color-red-text: #cf1322;
  --bluui-color-red-border: #ffa39e;
  --bluui-color-red-solid: #f5222d;
  --bluui-color-red-contrast: #ffffff;
  --bluui-color-volcano-soft: #fff2e8;
  --bluui-color-volcano-text: #d4380d;
  --bluui-color-volcano-border: #ffbb96;
  --bluui-color-volcano-solid: #fa541c;
  --bluui-color-volcano-contrast: #ffffff;
  --bluui-color-orange-soft: #fff7e6;
  --bluui-color-orange-text: #d46b08;
  --bluui-color-orange-border: #ffd591;
  --bluui-color-orange-solid: #fa8c16;
  --bluui-color-orange-contrast: #ffffff;
  --bluui-color-gold-soft: #fffbe6;
  --bluui-color-gold-text: #d48806;
  --bluui-color-gold-border: #ffe58f;
  --bluui-color-gold-solid: #faad14;
  --bluui-color-gold-contrast: #ffffff;
  --bluui-color-lime-soft: #fcffe6;
  --bluui-color-lime-text: #7cb305;
  --bluui-color-lime-border: #eaff8f;
  --bluui-color-lime-solid: #a0d911;
  --bluui-color-lime-contrast: #ffffff;
  --bluui-color-green-soft: #f6ffed;
  --bluui-color-green-text: #389e0d;
  --bluui-color-green-border: #b7eb8f;
  --bluui-color-green-solid: #52c41a;
  --bluui-color-green-contrast: #ffffff;
  --bluui-color-cyan-soft: #e6fffb;
  --bluui-color-cyan-text: #08979c;
  --bluui-color-cyan-border: #87e8de;
  --bluui-color-cyan-solid: #13c2c2;
  --bluui-color-cyan-contrast: #ffffff;
  --bluui-color-blue-soft: #e6f4ff;
  --bluui-color-blue-text: #0958d9;
  --bluui-color-blue-border: #91caff;
  --bluui-color-blue-solid: #1677ff;
  --bluui-color-blue-contrast: #ffffff;
  --bluui-color-geekblue-soft: #f0f5ff;
  --bluui-color-geekblue-text: #1d39c4;
  --bluui-color-geekblue-border: #adc6ff;
  --bluui-color-geekblue-solid: #2f54eb;
  --bluui-color-geekblue-contrast: #ffffff;
  --bluui-color-purple-soft: #f9f0ff;
  --bluui-color-purple-text: #531dab;
  --bluui-color-purple-border: #d3adf7;
  --bluui-color-purple-solid: #722ed1;
  --bluui-color-purple-contrast: #ffffff;
  --bluui-default-soft: var(--bluui-color-default-soft);
  --bluui-default-text: var(--bluui-color-default-text);
  --bluui-default-border: var(--bluui-color-default-border);
  --bluui-default: var(--bluui-color-default-solid);
  --blu-color-default-50: var(--bluui-color-default-soft);
  --blu-color-default-100: var(--bluui-color-default-border);
  --blu-color-default-600: var(--bluui-color-default-solid);
  --blu-color-default-700: var(--bluui-color-default-text);
  --blu-color-default-800: var(--bluui-color-default-text);
  --bluui-primary-soft: var(--bluui-color-primary-soft);
  --bluui-primary-text: var(--bluui-color-primary-text);
  --bluui-primary-border: var(--bluui-color-primary-border);
  --blu-color-primary-50: var(--bluui-color-primary-soft);
  --blu-color-primary-100: var(--bluui-color-primary-border);
  --blu-color-primary-600: var(--bluui-color-primary-solid);
  --blu-color-primary-700: var(--bluui-color-primary-text);
  --blu-color-primary-800: var(--bluui-color-primary-text);
  --bluui-secondary-soft: var(--bluui-color-secondary-soft);
  --bluui-secondary-text: var(--bluui-color-secondary-text);
  --bluui-secondary-border: var(--bluui-color-secondary-border);
  --bluui-secondary: var(--bluui-color-secondary-solid);
  --blu-color-secondary-50: var(--bluui-color-secondary-soft);
  --blu-color-secondary-100: var(--bluui-color-secondary-border);
  --blu-color-secondary-600: var(--bluui-color-secondary-solid);
  --blu-color-secondary-700: var(--bluui-color-secondary-text);
  --blu-color-secondary-800: var(--bluui-color-secondary-text);
  --bluui-success-soft: var(--bluui-color-success-soft);
  --bluui-success-text: var(--bluui-color-success-text);
  --bluui-success-border: var(--bluui-color-success-border);
  --bluui-success: var(--bluui-color-success-solid);
  --blu-color-success-50: var(--bluui-color-success-soft);
  --blu-color-success-100: var(--bluui-color-success-border);
  --blu-color-success-600: var(--bluui-color-success-solid);
  --blu-color-success-700: var(--bluui-color-success-text);
  --blu-color-success-800: var(--bluui-color-success-text);
  --bluui-processing-soft: var(--bluui-color-processing-soft);
  --bluui-processing-text: var(--bluui-color-processing-text);
  --bluui-processing-border: var(--bluui-color-processing-border);
  --bluui-processing: var(--bluui-color-processing-solid);
  --blu-color-processing-50: var(--bluui-color-processing-soft);
  --blu-color-processing-100: var(--bluui-color-processing-border);
  --blu-color-processing-600: var(--bluui-color-processing-solid);
  --blu-color-processing-700: var(--bluui-color-processing-text);
  --blu-color-processing-800: var(--bluui-color-processing-text);
  --bluui-warning-soft: var(--bluui-color-warning-soft);
  --bluui-warning-text: var(--bluui-color-warning-text);
  --bluui-warning-border: var(--bluui-color-warning-border);
  --bluui-warning: var(--bluui-color-warning-solid);
  --blu-color-warning-50: var(--bluui-color-warning-soft);
  --blu-color-warning-100: var(--bluui-color-warning-border);
  --blu-color-warning-600: var(--bluui-color-warning-solid);
  --blu-color-warning-700: var(--bluui-color-warning-text);
  --blu-color-warning-800: var(--bluui-color-warning-text);
  --bluui-error-soft: var(--bluui-color-error-soft);
  --bluui-error-text: var(--bluui-color-error-text);
  --bluui-error-border: var(--bluui-color-error-border);
  --bluui-error: var(--bluui-color-error-solid);
  --blu-color-error-50: var(--bluui-color-error-soft);
  --blu-color-error-100: var(--bluui-color-error-border);
  --blu-color-error-600: var(--bluui-color-error-solid);
  --blu-color-error-700: var(--bluui-color-error-text);
  --blu-color-error-800: var(--bluui-color-error-text);
  --bluui-danger-soft: var(--bluui-color-danger-soft);
  --bluui-danger-text: var(--bluui-color-danger-text);
  --bluui-danger-border: var(--bluui-color-danger-border);
  --bluui-danger: var(--bluui-color-danger-solid);
  --blu-color-danger-50: var(--bluui-color-danger-soft);
  --blu-color-danger-100: var(--bluui-color-danger-border);
  --blu-color-danger-600: var(--bluui-color-danger-solid);
  --blu-color-danger-700: var(--bluui-color-danger-text);
  --blu-color-danger-800: var(--bluui-color-danger-text);
  --bluui-magenta-soft: var(--bluui-color-magenta-soft);
  --bluui-magenta-text: var(--bluui-color-magenta-text);
  --bluui-magenta-border: var(--bluui-color-magenta-border);
  --bluui-magenta: var(--bluui-color-magenta-solid);
  --blu-color-magenta-50: var(--bluui-color-magenta-soft);
  --blu-color-magenta-100: var(--bluui-color-magenta-border);
  --blu-color-magenta-600: var(--bluui-color-magenta-solid);
  --blu-color-magenta-700: var(--bluui-color-magenta-text);
  --blu-color-magenta-800: var(--bluui-color-magenta-text);
  --bluui-red-soft: var(--bluui-color-red-soft);
  --bluui-red-text: var(--bluui-color-red-text);
  --bluui-red-border: var(--bluui-color-red-border);
  --bluui-red: var(--bluui-color-red-solid);
  --blu-color-red-50: var(--bluui-color-red-soft);
  --blu-color-red-100: var(--bluui-color-red-border);
  --blu-color-red-600: var(--bluui-color-red-solid);
  --blu-color-red-700: var(--bluui-color-red-text);
  --blu-color-red-800: var(--bluui-color-red-text);
  --bluui-volcano-soft: var(--bluui-color-volcano-soft);
  --bluui-volcano-text: var(--bluui-color-volcano-text);
  --bluui-volcano-border: var(--bluui-color-volcano-border);
  --bluui-volcano: var(--bluui-color-volcano-solid);
  --blu-color-volcano-50: var(--bluui-color-volcano-soft);
  --blu-color-volcano-100: var(--bluui-color-volcano-border);
  --blu-color-volcano-600: var(--bluui-color-volcano-solid);
  --blu-color-volcano-700: var(--bluui-color-volcano-text);
  --blu-color-volcano-800: var(--bluui-color-volcano-text);
  --bluui-orange-soft: var(--bluui-color-orange-soft);
  --bluui-orange-text: var(--bluui-color-orange-text);
  --bluui-orange-border: var(--bluui-color-orange-border);
  --bluui-orange: var(--bluui-color-orange-solid);
  --blu-color-orange-50: var(--bluui-color-orange-soft);
  --blu-color-orange-100: var(--bluui-color-orange-border);
  --blu-color-orange-600: var(--bluui-color-orange-solid);
  --blu-color-orange-700: var(--bluui-color-orange-text);
  --blu-color-orange-800: var(--bluui-color-orange-text);
  --bluui-gold-soft: var(--bluui-color-gold-soft);
  --bluui-gold-text: var(--bluui-color-gold-text);
  --bluui-gold-border: var(--bluui-color-gold-border);
  --bluui-gold: var(--bluui-color-gold-solid);
  --blu-color-gold-50: var(--bluui-color-gold-soft);
  --blu-color-gold-100: var(--bluui-color-gold-border);
  --blu-color-gold-600: var(--bluui-color-gold-solid);
  --blu-color-gold-700: var(--bluui-color-gold-text);
  --blu-color-gold-800: var(--bluui-color-gold-text);
  --bluui-lime-soft: var(--bluui-color-lime-soft);
  --bluui-lime-text: var(--bluui-color-lime-text);
  --bluui-lime-border: var(--bluui-color-lime-border);
  --bluui-lime: var(--bluui-color-lime-solid);
  --blu-color-lime-50: var(--bluui-color-lime-soft);
  --blu-color-lime-100: var(--bluui-color-lime-border);
  --blu-color-lime-600: var(--bluui-color-lime-solid);
  --blu-color-lime-700: var(--bluui-color-lime-text);
  --blu-color-lime-800: var(--bluui-color-lime-text);
  --bluui-green-soft: var(--bluui-color-green-soft);
  --bluui-green-text: var(--bluui-color-green-text);
  --bluui-green-border: var(--bluui-color-green-border);
  --bluui-green: var(--bluui-color-green-solid);
  --blu-color-green-50: var(--bluui-color-green-soft);
  --blu-color-green-100: var(--bluui-color-green-border);
  --blu-color-green-600: var(--bluui-color-green-solid);
  --blu-color-green-700: var(--bluui-color-green-text);
  --blu-color-green-800: var(--bluui-color-green-text);
  --bluui-cyan-soft: var(--bluui-color-cyan-soft);
  --bluui-cyan-text: var(--bluui-color-cyan-text);
  --bluui-cyan-border: var(--bluui-color-cyan-border);
  --bluui-cyan: var(--bluui-color-cyan-solid);
  --blu-color-cyan-50: var(--bluui-color-cyan-soft);
  --blu-color-cyan-100: var(--bluui-color-cyan-border);
  --blu-color-cyan-600: var(--bluui-color-cyan-solid);
  --blu-color-cyan-700: var(--bluui-color-cyan-text);
  --blu-color-cyan-800: var(--bluui-color-cyan-text);
  --bluui-blue-soft: var(--bluui-color-blue-soft);
  --bluui-blue-text: var(--bluui-color-blue-text);
  --bluui-blue-border: var(--bluui-color-blue-border);
  --bluui-blue: var(--bluui-color-blue-solid);
  --blu-color-blue-50: var(--bluui-color-blue-soft);
  --blu-color-blue-100: var(--bluui-color-blue-border);
  --blu-color-blue-600: var(--bluui-color-blue-solid);
  --blu-color-blue-700: var(--bluui-color-blue-text);
  --blu-color-blue-800: var(--bluui-color-blue-text);
  --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
  --bluui-geekblue-text: var(--bluui-color-geekblue-text);
  --bluui-geekblue-border: var(--bluui-color-geekblue-border);
  --bluui-geekblue: var(--bluui-color-geekblue-solid);
  --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
  --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
  --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
  --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
  --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
  --bluui-purple-soft: var(--bluui-color-purple-soft);
  --bluui-purple-text: var(--bluui-color-purple-text);
  --bluui-purple-border: var(--bluui-color-purple-border);
  --bluui-purple: var(--bluui-color-purple-solid);
  --blu-color-purple-50: var(--bluui-color-purple-soft);
  --blu-color-purple-100: var(--bluui-color-purple-border);
  --blu-color-purple-600: var(--bluui-color-purple-solid);
  --blu-color-purple-700: var(--bluui-color-purple-text);
  --blu-color-purple-800: var(--bluui-color-purple-text);
  --bluui-primary-light: var(--bluui-primary-soft);
  --bluui-info-soft: var(--bluui-processing-soft);
  --bluui-info-text: var(--bluui-processing-text);
  --bluui-info-border: var(--bluui-processing-border);
  --bluui-font: var(--blu-font-family);
  --blu-background: var(--bluui-background);
  --blu-surface: var(--bluui-surface);
  --blu-text: var(--bluui-text);
  --blu-text-secondary: var(--bluui-text-muted);
  --blu-border: var(--bluui-border);
  --blu-border-strong: var(--bluui-border-strong);
  --blu-focus-ring: var(--bluui-focus-shadow);
  --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
  --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
  --blu-shadow-md: var(--bluui-menu-shadow);
  --color-background-body: var(--bluui-background);
  --color-background-main: var(--bluui-surface);
  --color-primary: var(--bluui-primary);
  --color-primary-hover: var(--bluui-primary-hover);
  --color-focus-outer: var(--bluui-primary);
  --color-neutral-0: var(--bluui-surface);
  --color-neutral-1: var(--bluui-surface-muted);
  --color-neutral-2: var(--bluui-hover);
  --color-neutral-3: var(--bluui-border);
  --color-neutral-4: var(--bluui-control-border);
  --color-neutral-5: var(--bluui-text-subtle);
  --color-neutral-6: var(--bluui-text-muted);
  --color-neutral-7: var(--bluui-text-muted);
  --color-neutral-8: var(--bluui-text);
  --color-neutral-9: var(--bluui-text);
  --color-neutral-10: var(--bluui-text);
  --blu-color-gray-50: var(--bluui-surface);
  --blu-color-gray-100: var(--bluui-surface-muted);
  --blu-color-gray-200: var(--bluui-border);
  --blu-color-gray-300: var(--bluui-control-border);
  --blu-color-gray-400: var(--bluui-text-subtle);
  --blu-color-gray-500: var(--bluui-text-muted);
  --blu-color-gray-600: var(--bluui-text-muted);
  --blu-color-gray-700: var(--bluui-text);
  --blu-color-gray-800: var(--bluui-text);
  --blu-color-gray-900: var(--bluui-text);
}

/* Explicit mode overrides also support scoped preview containers. */
[data-bluui-theme="light"] {
  color-scheme: light;
  --bluui-background: #f5f7fb;
  --bluui-surface: #ffffff;
  --bluui-surface-muted: #f7f8fb;
  --bluui-surface-raised: #ffffff;
  --bluui-text: #182230;
  --bluui-text-muted: #64748b;
  --bluui-text-subtle: #7b8799;
  --bluui-border: #e2e8f0;
  --bluui-border-strong: #b8c4d4;
  --bluui-control-border: #cbd5e1;
  --bluui-row-border: #edf0f5;
  --bluui-hover: #f0f2f7;
  --bluui-selected: #e9e6ff;
  --bluui-changed: #f5f3ff;
  --bluui-skeleton-base: #e2e8f0;
  --bluui-skeleton-shine: rgb(255 255 255 / 65%);
  --bluui-scrim: rgb(15 23 42 / 45%);
  --bluui-shadow-color: rgb(15 23 42 / 12%);
  --bluui-primary-hover: #4338ca;
  --bluui-primary-active: #3730a3;
  --bluui-on-primary: #ffffff;
  --bluui-primary: #4f46e5;
  --bluui-focus-shadow: 0 0 0 3px rgb(79 70 229 / 22%);
  --bluui-menu-shadow: 0 10px 30px rgb(15 23 42 / 16%);
  --bluui-color-default-soft: #f5f5f5;
  --bluui-color-default-text: rgba(0, 0, 0, 0.88);
  --bluui-color-default-border: #d9d9d9;
  --bluui-color-default-solid: #000000;
  --bluui-color-default-contrast: #ffffff;
  --bluui-color-primary-soft: #eef2ff;
  --bluui-color-primary-text: #4338ca;
  --bluui-color-primary-border: #c7d2fe;
  --bluui-color-primary-solid: #4f46e5;
  --bluui-color-primary-contrast: #ffffff;
  --bluui-color-secondary-soft: #e2e8f0;
  --bluui-color-secondary-text: #334155;
  --bluui-color-secondary-border: #cbd5e1;
  --bluui-color-secondary-solid: #475569;
  --bluui-color-secondary-contrast: #ffffff;
  --bluui-color-success-soft: #f6ffed;
  --bluui-color-success-text: #52c41a;
  --bluui-color-success-border: #b7eb8f;
  --bluui-color-success-solid: #52c41a;
  --bluui-color-success-contrast: #ffffff;
  --bluui-color-processing-soft: #e6f4ff;
  --bluui-color-processing-text: #1677ff;
  --bluui-color-processing-border: #91caff;
  --bluui-color-processing-solid: #1677ff;
  --bluui-color-processing-contrast: #ffffff;
  --bluui-color-warning-soft: #fffbe6;
  --bluui-color-warning-text: #faad14;
  --bluui-color-warning-border: #ffe58f;
  --bluui-color-warning-solid: #faad14;
  --bluui-color-warning-contrast: #ffffff;
  --bluui-color-error-soft: #fff2f0;
  --bluui-color-error-text: #ff4d4f;
  --bluui-color-error-border: #ffccc7;
  --bluui-color-error-solid: #ff4d4f;
  --bluui-color-error-contrast: #ffffff;
  --bluui-color-danger-soft: #fff2f0;
  --bluui-color-danger-text: #ff4d4f;
  --bluui-color-danger-border: #ffccc7;
  --bluui-color-danger-solid: #ff4d4f;
  --bluui-color-danger-contrast: #ffffff;
  --bluui-color-magenta-soft: #fff0f6;
  --bluui-color-magenta-text: #c41d7f;
  --bluui-color-magenta-border: #ffadd2;
  --bluui-color-magenta-solid: #eb2f96;
  --bluui-color-magenta-contrast: #ffffff;
  --bluui-color-red-soft: #fff1f0;
  --bluui-color-red-text: #cf1322;
  --bluui-color-red-border: #ffa39e;
  --bluui-color-red-solid: #f5222d;
  --bluui-color-red-contrast: #ffffff;
  --bluui-color-volcano-soft: #fff2e8;
  --bluui-color-volcano-text: #d4380d;
  --bluui-color-volcano-border: #ffbb96;
  --bluui-color-volcano-solid: #fa541c;
  --bluui-color-volcano-contrast: #ffffff;
  --bluui-color-orange-soft: #fff7e6;
  --bluui-color-orange-text: #d46b08;
  --bluui-color-orange-border: #ffd591;
  --bluui-color-orange-solid: #fa8c16;
  --bluui-color-orange-contrast: #ffffff;
  --bluui-color-gold-soft: #fffbe6;
  --bluui-color-gold-text: #d48806;
  --bluui-color-gold-border: #ffe58f;
  --bluui-color-gold-solid: #faad14;
  --bluui-color-gold-contrast: #ffffff;
  --bluui-color-lime-soft: #fcffe6;
  --bluui-color-lime-text: #7cb305;
  --bluui-color-lime-border: #eaff8f;
  --bluui-color-lime-solid: #a0d911;
  --bluui-color-lime-contrast: #ffffff;
  --bluui-color-green-soft: #f6ffed;
  --bluui-color-green-text: #389e0d;
  --bluui-color-green-border: #b7eb8f;
  --bluui-color-green-solid: #52c41a;
  --bluui-color-green-contrast: #ffffff;
  --bluui-color-cyan-soft: #e6fffb;
  --bluui-color-cyan-text: #08979c;
  --bluui-color-cyan-border: #87e8de;
  --bluui-color-cyan-solid: #13c2c2;
  --bluui-color-cyan-contrast: #ffffff;
  --bluui-color-blue-soft: #e6f4ff;
  --bluui-color-blue-text: #0958d9;
  --bluui-color-blue-border: #91caff;
  --bluui-color-blue-solid: #1677ff;
  --bluui-color-blue-contrast: #ffffff;
  --bluui-color-geekblue-soft: #f0f5ff;
  --bluui-color-geekblue-text: #1d39c4;
  --bluui-color-geekblue-border: #adc6ff;
  --bluui-color-geekblue-solid: #2f54eb;
  --bluui-color-geekblue-contrast: #ffffff;
  --bluui-color-purple-soft: #f9f0ff;
  --bluui-color-purple-text: #531dab;
  --bluui-color-purple-border: #d3adf7;
  --bluui-color-purple-solid: #722ed1;
  --bluui-color-purple-contrast: #ffffff;
  --bluui-default-soft: var(--bluui-color-default-soft);
  --bluui-default-text: var(--bluui-color-default-text);
  --bluui-default-border: var(--bluui-color-default-border);
  --bluui-default: var(--bluui-color-default-solid);
  --blu-color-default-50: var(--bluui-color-default-soft);
  --blu-color-default-100: var(--bluui-color-default-border);
  --blu-color-default-600: var(--bluui-color-default-solid);
  --blu-color-default-700: var(--bluui-color-default-text);
  --blu-color-default-800: var(--bluui-color-default-text);
  --bluui-primary-soft: var(--bluui-color-primary-soft);
  --bluui-primary-text: var(--bluui-color-primary-text);
  --bluui-primary-border: var(--bluui-color-primary-border);
  --blu-color-primary-50: var(--bluui-color-primary-soft);
  --blu-color-primary-100: var(--bluui-color-primary-border);
  --blu-color-primary-600: var(--bluui-color-primary-solid);
  --blu-color-primary-700: var(--bluui-color-primary-text);
  --blu-color-primary-800: var(--bluui-color-primary-text);
  --bluui-secondary-soft: var(--bluui-color-secondary-soft);
  --bluui-secondary-text: var(--bluui-color-secondary-text);
  --bluui-secondary-border: var(--bluui-color-secondary-border);
  --bluui-secondary: var(--bluui-color-secondary-solid);
  --blu-color-secondary-50: var(--bluui-color-secondary-soft);
  --blu-color-secondary-100: var(--bluui-color-secondary-border);
  --blu-color-secondary-600: var(--bluui-color-secondary-solid);
  --blu-color-secondary-700: var(--bluui-color-secondary-text);
  --blu-color-secondary-800: var(--bluui-color-secondary-text);
  --bluui-success-soft: var(--bluui-color-success-soft);
  --bluui-success-text: var(--bluui-color-success-text);
  --bluui-success-border: var(--bluui-color-success-border);
  --bluui-success: var(--bluui-color-success-solid);
  --blu-color-success-50: var(--bluui-color-success-soft);
  --blu-color-success-100: var(--bluui-color-success-border);
  --blu-color-success-600: var(--bluui-color-success-solid);
  --blu-color-success-700: var(--bluui-color-success-text);
  --blu-color-success-800: var(--bluui-color-success-text);
  --bluui-processing-soft: var(--bluui-color-processing-soft);
  --bluui-processing-text: var(--bluui-color-processing-text);
  --bluui-processing-border: var(--bluui-color-processing-border);
  --bluui-processing: var(--bluui-color-processing-solid);
  --blu-color-processing-50: var(--bluui-color-processing-soft);
  --blu-color-processing-100: var(--bluui-color-processing-border);
  --blu-color-processing-600: var(--bluui-color-processing-solid);
  --blu-color-processing-700: var(--bluui-color-processing-text);
  --blu-color-processing-800: var(--bluui-color-processing-text);
  --bluui-warning-soft: var(--bluui-color-warning-soft);
  --bluui-warning-text: var(--bluui-color-warning-text);
  --bluui-warning-border: var(--bluui-color-warning-border);
  --bluui-warning: var(--bluui-color-warning-solid);
  --blu-color-warning-50: var(--bluui-color-warning-soft);
  --blu-color-warning-100: var(--bluui-color-warning-border);
  --blu-color-warning-600: var(--bluui-color-warning-solid);
  --blu-color-warning-700: var(--bluui-color-warning-text);
  --blu-color-warning-800: var(--bluui-color-warning-text);
  --bluui-error-soft: var(--bluui-color-error-soft);
  --bluui-error-text: var(--bluui-color-error-text);
  --bluui-error-border: var(--bluui-color-error-border);
  --bluui-error: var(--bluui-color-error-solid);
  --blu-color-error-50: var(--bluui-color-error-soft);
  --blu-color-error-100: var(--bluui-color-error-border);
  --blu-color-error-600: var(--bluui-color-error-solid);
  --blu-color-error-700: var(--bluui-color-error-text);
  --blu-color-error-800: var(--bluui-color-error-text);
  --bluui-danger-soft: var(--bluui-color-danger-soft);
  --bluui-danger-text: var(--bluui-color-danger-text);
  --bluui-danger-border: var(--bluui-color-danger-border);
  --bluui-danger: var(--bluui-color-danger-solid);
  --blu-color-danger-50: var(--bluui-color-danger-soft);
  --blu-color-danger-100: var(--bluui-color-danger-border);
  --blu-color-danger-600: var(--bluui-color-danger-solid);
  --blu-color-danger-700: var(--bluui-color-danger-text);
  --blu-color-danger-800: var(--bluui-color-danger-text);
  --bluui-magenta-soft: var(--bluui-color-magenta-soft);
  --bluui-magenta-text: var(--bluui-color-magenta-text);
  --bluui-magenta-border: var(--bluui-color-magenta-border);
  --bluui-magenta: var(--bluui-color-magenta-solid);
  --blu-color-magenta-50: var(--bluui-color-magenta-soft);
  --blu-color-magenta-100: var(--bluui-color-magenta-border);
  --blu-color-magenta-600: var(--bluui-color-magenta-solid);
  --blu-color-magenta-700: var(--bluui-color-magenta-text);
  --blu-color-magenta-800: var(--bluui-color-magenta-text);
  --bluui-red-soft: var(--bluui-color-red-soft);
  --bluui-red-text: var(--bluui-color-red-text);
  --bluui-red-border: var(--bluui-color-red-border);
  --bluui-red: var(--bluui-color-red-solid);
  --blu-color-red-50: var(--bluui-color-red-soft);
  --blu-color-red-100: var(--bluui-color-red-border);
  --blu-color-red-600: var(--bluui-color-red-solid);
  --blu-color-red-700: var(--bluui-color-red-text);
  --blu-color-red-800: var(--bluui-color-red-text);
  --bluui-volcano-soft: var(--bluui-color-volcano-soft);
  --bluui-volcano-text: var(--bluui-color-volcano-text);
  --bluui-volcano-border: var(--bluui-color-volcano-border);
  --bluui-volcano: var(--bluui-color-volcano-solid);
  --blu-color-volcano-50: var(--bluui-color-volcano-soft);
  --blu-color-volcano-100: var(--bluui-color-volcano-border);
  --blu-color-volcano-600: var(--bluui-color-volcano-solid);
  --blu-color-volcano-700: var(--bluui-color-volcano-text);
  --blu-color-volcano-800: var(--bluui-color-volcano-text);
  --bluui-orange-soft: var(--bluui-color-orange-soft);
  --bluui-orange-text: var(--bluui-color-orange-text);
  --bluui-orange-border: var(--bluui-color-orange-border);
  --bluui-orange: var(--bluui-color-orange-solid);
  --blu-color-orange-50: var(--bluui-color-orange-soft);
  --blu-color-orange-100: var(--bluui-color-orange-border);
  --blu-color-orange-600: var(--bluui-color-orange-solid);
  --blu-color-orange-700: var(--bluui-color-orange-text);
  --blu-color-orange-800: var(--bluui-color-orange-text);
  --bluui-gold-soft: var(--bluui-color-gold-soft);
  --bluui-gold-text: var(--bluui-color-gold-text);
  --bluui-gold-border: var(--bluui-color-gold-border);
  --bluui-gold: var(--bluui-color-gold-solid);
  --blu-color-gold-50: var(--bluui-color-gold-soft);
  --blu-color-gold-100: var(--bluui-color-gold-border);
  --blu-color-gold-600: var(--bluui-color-gold-solid);
  --blu-color-gold-700: var(--bluui-color-gold-text);
  --blu-color-gold-800: var(--bluui-color-gold-text);
  --bluui-lime-soft: var(--bluui-color-lime-soft);
  --bluui-lime-text: var(--bluui-color-lime-text);
  --bluui-lime-border: var(--bluui-color-lime-border);
  --bluui-lime: var(--bluui-color-lime-solid);
  --blu-color-lime-50: var(--bluui-color-lime-soft);
  --blu-color-lime-100: var(--bluui-color-lime-border);
  --blu-color-lime-600: var(--bluui-color-lime-solid);
  --blu-color-lime-700: var(--bluui-color-lime-text);
  --blu-color-lime-800: var(--bluui-color-lime-text);
  --bluui-green-soft: var(--bluui-color-green-soft);
  --bluui-green-text: var(--bluui-color-green-text);
  --bluui-green-border: var(--bluui-color-green-border);
  --bluui-green: var(--bluui-color-green-solid);
  --blu-color-green-50: var(--bluui-color-green-soft);
  --blu-color-green-100: var(--bluui-color-green-border);
  --blu-color-green-600: var(--bluui-color-green-solid);
  --blu-color-green-700: var(--bluui-color-green-text);
  --blu-color-green-800: var(--bluui-color-green-text);
  --bluui-cyan-soft: var(--bluui-color-cyan-soft);
  --bluui-cyan-text: var(--bluui-color-cyan-text);
  --bluui-cyan-border: var(--bluui-color-cyan-border);
  --bluui-cyan: var(--bluui-color-cyan-solid);
  --blu-color-cyan-50: var(--bluui-color-cyan-soft);
  --blu-color-cyan-100: var(--bluui-color-cyan-border);
  --blu-color-cyan-600: var(--bluui-color-cyan-solid);
  --blu-color-cyan-700: var(--bluui-color-cyan-text);
  --blu-color-cyan-800: var(--bluui-color-cyan-text);
  --bluui-blue-soft: var(--bluui-color-blue-soft);
  --bluui-blue-text: var(--bluui-color-blue-text);
  --bluui-blue-border: var(--bluui-color-blue-border);
  --bluui-blue: var(--bluui-color-blue-solid);
  --blu-color-blue-50: var(--bluui-color-blue-soft);
  --blu-color-blue-100: var(--bluui-color-blue-border);
  --blu-color-blue-600: var(--bluui-color-blue-solid);
  --blu-color-blue-700: var(--bluui-color-blue-text);
  --blu-color-blue-800: var(--bluui-color-blue-text);
  --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
  --bluui-geekblue-text: var(--bluui-color-geekblue-text);
  --bluui-geekblue-border: var(--bluui-color-geekblue-border);
  --bluui-geekblue: var(--bluui-color-geekblue-solid);
  --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
  --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
  --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
  --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
  --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
  --bluui-purple-soft: var(--bluui-color-purple-soft);
  --bluui-purple-text: var(--bluui-color-purple-text);
  --bluui-purple-border: var(--bluui-color-purple-border);
  --bluui-purple: var(--bluui-color-purple-solid);
  --blu-color-purple-50: var(--bluui-color-purple-soft);
  --blu-color-purple-100: var(--bluui-color-purple-border);
  --blu-color-purple-600: var(--bluui-color-purple-solid);
  --blu-color-purple-700: var(--bluui-color-purple-text);
  --blu-color-purple-800: var(--bluui-color-purple-text);
  --bluui-primary-light: var(--bluui-primary-soft);
  --bluui-info-soft: var(--bluui-processing-soft);
  --bluui-info-text: var(--bluui-processing-text);
  --bluui-info-border: var(--bluui-processing-border);
  --bluui-font: var(--blu-font-family);
  --blu-background: var(--bluui-background);
  --blu-surface: var(--bluui-surface);
  --blu-text: var(--bluui-text);
  --blu-text-secondary: var(--bluui-text-muted);
  --blu-border: var(--bluui-border);
  --blu-border-strong: var(--bluui-border-strong);
  --blu-focus-ring: var(--bluui-focus-shadow);
  --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
  --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
  --blu-shadow-md: var(--bluui-menu-shadow);
  --color-background-body: var(--bluui-background);
  --color-background-main: var(--bluui-surface);
  --color-primary: var(--bluui-primary);
  --color-primary-hover: var(--bluui-primary-hover);
  --color-focus-outer: var(--bluui-primary);
  --color-neutral-0: var(--bluui-surface);
  --color-neutral-1: var(--bluui-surface-muted);
  --color-neutral-2: var(--bluui-hover);
  --color-neutral-3: var(--bluui-border);
  --color-neutral-4: var(--bluui-control-border);
  --color-neutral-5: var(--bluui-text-subtle);
  --color-neutral-6: var(--bluui-text-muted);
  --color-neutral-7: var(--bluui-text-muted);
  --color-neutral-8: var(--bluui-text);
  --color-neutral-9: var(--bluui-text);
  --color-neutral-10: var(--bluui-text);
  --blu-color-gray-50: var(--bluui-surface);
  --blu-color-gray-100: var(--bluui-surface-muted);
  --blu-color-gray-200: var(--bluui-border);
  --blu-color-gray-300: var(--bluui-control-border);
  --blu-color-gray-400: var(--bluui-text-subtle);
  --blu-color-gray-500: var(--bluui-text-muted);
  --blu-color-gray-600: var(--bluui-text-muted);
  --blu-color-gray-700: var(--bluui-text);
  --blu-color-gray-800: var(--bluui-text);
  --blu-color-gray-900: var(--bluui-text);
}
[data-bluui-theme="dark"] {
  color-scheme: dark;
  --bluui-background: #101319;
  --bluui-surface: #191e27;
  --bluui-surface-muted: #202733;
  --bluui-surface-raised: #252d3a;
  --bluui-text: #edf1f7;
  --bluui-text-muted: #adb8c9;
  --bluui-text-subtle: #919fb3;
  --bluui-border: #343e4f;
  --bluui-border-strong: #59687f;
  --bluui-control-border: #4b5870;
  --bluui-row-border: #303a49;
  --bluui-hover: #293342;
  --bluui-selected: #39315c;
  --bluui-changed: #2c2841;
  --bluui-skeleton-base: #303b4c;
  --bluui-skeleton-shine: rgb(255 255 255 / 9%);
  --bluui-scrim: rgb(0 0 0 / 65%);
  --bluui-shadow-color: rgb(0 0 0 / 35%);
  --bluui-primary-hover: #b1a7ff;
  --bluui-primary-active: #c3baff;
  --bluui-on-primary: #ffffff;
  --bluui-primary: #a89aff;
  --bluui-focus-shadow: 0 0 0 3px rgb(168 154 255 / 28%);
  --bluui-menu-shadow: 0 12px 36px rgb(0 0 0 / 45%);
  --bluui-color-default-soft: #272727;
  --bluui-color-default-text: rgba(255, 255, 255, 0.85);
  --bluui-color-default-border: #424242;
  --bluui-color-default-solid: rgba(255, 255, 255, 0.95);
  --bluui-color-default-contrast: #000000;
  --bluui-color-primary-soft: #282445;
  --bluui-color-primary-text: #b6acff;
  --bluui-color-primary-border: #51477d;
  --bluui-color-primary-solid: #8070ed;
  --bluui-color-primary-contrast: #ffffff;
  --bluui-color-secondary-soft: #2b3240;
  --bluui-color-secondary-text: #d6dce5;
  --bluui-color-secondary-border: #455064;
  --bluui-color-secondary-solid: #526077;
  --bluui-color-secondary-contrast: #ffffff;
  --bluui-color-success-soft: #162312;
  --bluui-color-success-text: #49aa19;
  --bluui-color-success-border: #274916;
  --bluui-color-success-solid: #49aa19;
  --bluui-color-success-contrast: #ffffff;
  --bluui-color-processing-soft: #111a2c;
  --bluui-color-processing-text: #1668dc;
  --bluui-color-processing-border: #15325b;
  --bluui-color-processing-solid: #1668dc;
  --bluui-color-processing-contrast: #ffffff;
  --bluui-color-warning-soft: #2b2111;
  --bluui-color-warning-text: #d89614;
  --bluui-color-warning-border: #594214;
  --bluui-color-warning-solid: #d89614;
  --bluui-color-warning-contrast: #ffffff;
  --bluui-color-error-soft: #2c1618;
  --bluui-color-error-text: #dc4446;
  --bluui-color-error-border: #5b2526;
  --bluui-color-error-solid: #dc4446;
  --bluui-color-error-contrast: #ffffff;
  --bluui-color-danger-soft: #2c1618;
  --bluui-color-danger-text: #dc4446;
  --bluui-color-danger-border: #5b2526;
  --bluui-color-danger-solid: #dc4446;
  --bluui-color-danger-contrast: #ffffff;
  --bluui-color-magenta-soft: #291321;
  --bluui-color-magenta-text: #e0529c;
  --bluui-color-magenta-border: #551c3b;
  --bluui-color-magenta-solid: #cb2b83;
  --bluui-color-magenta-contrast: #ffffff;
  --bluui-color-red-soft: #2a1215;
  --bluui-color-red-text: #e84749;
  --bluui-color-red-border: #58181c;
  --bluui-color-red-solid: #d32029;
  --bluui-color-red-contrast: #ffffff;
  --bluui-color-volcano-soft: #2b1611;
  --bluui-color-volcano-text: #e87040;
  --bluui-color-volcano-border: #592716;
  --bluui-color-volcano-solid: #d84a1b;
  --bluui-color-volcano-contrast: #ffffff;
  --bluui-color-orange-soft: #2b1d11;
  --bluui-color-orange-text: #e89a3c;
  --bluui-color-orange-border: #593815;
  --bluui-color-orange-solid: #d87a16;
  --bluui-color-orange-contrast: #ffffff;
  --bluui-color-gold-soft: #2b2111;
  --bluui-color-gold-text: #e8b339;
  --bluui-color-gold-border: #594214;
  --bluui-color-gold-solid: #d89614;
  --bluui-color-gold-contrast: #ffffff;
  --bluui-color-lime-soft: #1f2611;
  --bluui-color-lime-text: #a9d134;
  --bluui-color-lime-border: #3e4f13;
  --bluui-color-lime-solid: #8bbb11;
  --bluui-color-lime-contrast: #ffffff;
  --bluui-color-green-soft: #162312;
  --bluui-color-green-text: #6abe39;
  --bluui-color-green-border: #274916;
  --bluui-color-green-solid: #49aa19;
  --bluui-color-green-contrast: #ffffff;
  --bluui-color-cyan-soft: #112123;
  --bluui-color-cyan-text: #33bcb7;
  --bluui-color-cyan-border: #144848;
  --bluui-color-cyan-solid: #13a8a8;
  --bluui-color-cyan-contrast: #ffffff;
  --bluui-color-blue-soft: #111a2c;
  --bluui-color-blue-text: #3c89e8;
  --bluui-color-blue-border: #15325b;
  --bluui-color-blue-solid: #1668dc;
  --bluui-color-blue-contrast: #ffffff;
  --bluui-color-geekblue-soft: #131629;
  --bluui-color-geekblue-text: #5273e0;
  --bluui-color-geekblue-border: #1c2755;
  --bluui-color-geekblue-solid: #2b4acb;
  --bluui-color-geekblue-contrast: #ffffff;
  --bluui-color-purple-soft: #1a1325;
  --bluui-color-purple-text: #854eca;
  --bluui-color-purple-border: #301c4d;
  --bluui-color-purple-solid: #642ab5;
  --bluui-color-purple-contrast: #ffffff;
  --bluui-default-soft: var(--bluui-color-default-soft);
  --bluui-default-text: var(--bluui-color-default-text);
  --bluui-default-border: var(--bluui-color-default-border);
  --bluui-default: var(--bluui-color-default-solid);
  --blu-color-default-50: var(--bluui-color-default-soft);
  --blu-color-default-100: var(--bluui-color-default-border);
  --blu-color-default-600: var(--bluui-color-default-solid);
  --blu-color-default-700: var(--bluui-color-default-text);
  --blu-color-default-800: var(--bluui-color-default-text);
  --bluui-primary-soft: var(--bluui-color-primary-soft);
  --bluui-primary-text: var(--bluui-color-primary-text);
  --bluui-primary-border: var(--bluui-color-primary-border);
  --blu-color-primary-50: var(--bluui-color-primary-soft);
  --blu-color-primary-100: var(--bluui-color-primary-border);
  --blu-color-primary-600: var(--bluui-color-primary-solid);
  --blu-color-primary-700: var(--bluui-color-primary-text);
  --blu-color-primary-800: var(--bluui-color-primary-text);
  --bluui-secondary-soft: var(--bluui-color-secondary-soft);
  --bluui-secondary-text: var(--bluui-color-secondary-text);
  --bluui-secondary-border: var(--bluui-color-secondary-border);
  --bluui-secondary: var(--bluui-color-secondary-solid);
  --blu-color-secondary-50: var(--bluui-color-secondary-soft);
  --blu-color-secondary-100: var(--bluui-color-secondary-border);
  --blu-color-secondary-600: var(--bluui-color-secondary-solid);
  --blu-color-secondary-700: var(--bluui-color-secondary-text);
  --blu-color-secondary-800: var(--bluui-color-secondary-text);
  --bluui-success-soft: var(--bluui-color-success-soft);
  --bluui-success-text: var(--bluui-color-success-text);
  --bluui-success-border: var(--bluui-color-success-border);
  --bluui-success: var(--bluui-color-success-solid);
  --blu-color-success-50: var(--bluui-color-success-soft);
  --blu-color-success-100: var(--bluui-color-success-border);
  --blu-color-success-600: var(--bluui-color-success-solid);
  --blu-color-success-700: var(--bluui-color-success-text);
  --blu-color-success-800: var(--bluui-color-success-text);
  --bluui-processing-soft: var(--bluui-color-processing-soft);
  --bluui-processing-text: var(--bluui-color-processing-text);
  --bluui-processing-border: var(--bluui-color-processing-border);
  --bluui-processing: var(--bluui-color-processing-solid);
  --blu-color-processing-50: var(--bluui-color-processing-soft);
  --blu-color-processing-100: var(--bluui-color-processing-border);
  --blu-color-processing-600: var(--bluui-color-processing-solid);
  --blu-color-processing-700: var(--bluui-color-processing-text);
  --blu-color-processing-800: var(--bluui-color-processing-text);
  --bluui-warning-soft: var(--bluui-color-warning-soft);
  --bluui-warning-text: var(--bluui-color-warning-text);
  --bluui-warning-border: var(--bluui-color-warning-border);
  --bluui-warning: var(--bluui-color-warning-solid);
  --blu-color-warning-50: var(--bluui-color-warning-soft);
  --blu-color-warning-100: var(--bluui-color-warning-border);
  --blu-color-warning-600: var(--bluui-color-warning-solid);
  --blu-color-warning-700: var(--bluui-color-warning-text);
  --blu-color-warning-800: var(--bluui-color-warning-text);
  --bluui-error-soft: var(--bluui-color-error-soft);
  --bluui-error-text: var(--bluui-color-error-text);
  --bluui-error-border: var(--bluui-color-error-border);
  --bluui-error: var(--bluui-color-error-solid);
  --blu-color-error-50: var(--bluui-color-error-soft);
  --blu-color-error-100: var(--bluui-color-error-border);
  --blu-color-error-600: var(--bluui-color-error-solid);
  --blu-color-error-700: var(--bluui-color-error-text);
  --blu-color-error-800: var(--bluui-color-error-text);
  --bluui-danger-soft: var(--bluui-color-danger-soft);
  --bluui-danger-text: var(--bluui-color-danger-text);
  --bluui-danger-border: var(--bluui-color-danger-border);
  --bluui-danger: var(--bluui-color-danger-solid);
  --blu-color-danger-50: var(--bluui-color-danger-soft);
  --blu-color-danger-100: var(--bluui-color-danger-border);
  --blu-color-danger-600: var(--bluui-color-danger-solid);
  --blu-color-danger-700: var(--bluui-color-danger-text);
  --blu-color-danger-800: var(--bluui-color-danger-text);
  --bluui-magenta-soft: var(--bluui-color-magenta-soft);
  --bluui-magenta-text: var(--bluui-color-magenta-text);
  --bluui-magenta-border: var(--bluui-color-magenta-border);
  --bluui-magenta: var(--bluui-color-magenta-solid);
  --blu-color-magenta-50: var(--bluui-color-magenta-soft);
  --blu-color-magenta-100: var(--bluui-color-magenta-border);
  --blu-color-magenta-600: var(--bluui-color-magenta-solid);
  --blu-color-magenta-700: var(--bluui-color-magenta-text);
  --blu-color-magenta-800: var(--bluui-color-magenta-text);
  --bluui-red-soft: var(--bluui-color-red-soft);
  --bluui-red-text: var(--bluui-color-red-text);
  --bluui-red-border: var(--bluui-color-red-border);
  --bluui-red: var(--bluui-color-red-solid);
  --blu-color-red-50: var(--bluui-color-red-soft);
  --blu-color-red-100: var(--bluui-color-red-border);
  --blu-color-red-600: var(--bluui-color-red-solid);
  --blu-color-red-700: var(--bluui-color-red-text);
  --blu-color-red-800: var(--bluui-color-red-text);
  --bluui-volcano-soft: var(--bluui-color-volcano-soft);
  --bluui-volcano-text: var(--bluui-color-volcano-text);
  --bluui-volcano-border: var(--bluui-color-volcano-border);
  --bluui-volcano: var(--bluui-color-volcano-solid);
  --blu-color-volcano-50: var(--bluui-color-volcano-soft);
  --blu-color-volcano-100: var(--bluui-color-volcano-border);
  --blu-color-volcano-600: var(--bluui-color-volcano-solid);
  --blu-color-volcano-700: var(--bluui-color-volcano-text);
  --blu-color-volcano-800: var(--bluui-color-volcano-text);
  --bluui-orange-soft: var(--bluui-color-orange-soft);
  --bluui-orange-text: var(--bluui-color-orange-text);
  --bluui-orange-border: var(--bluui-color-orange-border);
  --bluui-orange: var(--bluui-color-orange-solid);
  --blu-color-orange-50: var(--bluui-color-orange-soft);
  --blu-color-orange-100: var(--bluui-color-orange-border);
  --blu-color-orange-600: var(--bluui-color-orange-solid);
  --blu-color-orange-700: var(--bluui-color-orange-text);
  --blu-color-orange-800: var(--bluui-color-orange-text);
  --bluui-gold-soft: var(--bluui-color-gold-soft);
  --bluui-gold-text: var(--bluui-color-gold-text);
  --bluui-gold-border: var(--bluui-color-gold-border);
  --bluui-gold: var(--bluui-color-gold-solid);
  --blu-color-gold-50: var(--bluui-color-gold-soft);
  --blu-color-gold-100: var(--bluui-color-gold-border);
  --blu-color-gold-600: var(--bluui-color-gold-solid);
  --blu-color-gold-700: var(--bluui-color-gold-text);
  --blu-color-gold-800: var(--bluui-color-gold-text);
  --bluui-lime-soft: var(--bluui-color-lime-soft);
  --bluui-lime-text: var(--bluui-color-lime-text);
  --bluui-lime-border: var(--bluui-color-lime-border);
  --bluui-lime: var(--bluui-color-lime-solid);
  --blu-color-lime-50: var(--bluui-color-lime-soft);
  --blu-color-lime-100: var(--bluui-color-lime-border);
  --blu-color-lime-600: var(--bluui-color-lime-solid);
  --blu-color-lime-700: var(--bluui-color-lime-text);
  --blu-color-lime-800: var(--bluui-color-lime-text);
  --bluui-green-soft: var(--bluui-color-green-soft);
  --bluui-green-text: var(--bluui-color-green-text);
  --bluui-green-border: var(--bluui-color-green-border);
  --bluui-green: var(--bluui-color-green-solid);
  --blu-color-green-50: var(--bluui-color-green-soft);
  --blu-color-green-100: var(--bluui-color-green-border);
  --blu-color-green-600: var(--bluui-color-green-solid);
  --blu-color-green-700: var(--bluui-color-green-text);
  --blu-color-green-800: var(--bluui-color-green-text);
  --bluui-cyan-soft: var(--bluui-color-cyan-soft);
  --bluui-cyan-text: var(--bluui-color-cyan-text);
  --bluui-cyan-border: var(--bluui-color-cyan-border);
  --bluui-cyan: var(--bluui-color-cyan-solid);
  --blu-color-cyan-50: var(--bluui-color-cyan-soft);
  --blu-color-cyan-100: var(--bluui-color-cyan-border);
  --blu-color-cyan-600: var(--bluui-color-cyan-solid);
  --blu-color-cyan-700: var(--bluui-color-cyan-text);
  --blu-color-cyan-800: var(--bluui-color-cyan-text);
  --bluui-blue-soft: var(--bluui-color-blue-soft);
  --bluui-blue-text: var(--bluui-color-blue-text);
  --bluui-blue-border: var(--bluui-color-blue-border);
  --bluui-blue: var(--bluui-color-blue-solid);
  --blu-color-blue-50: var(--bluui-color-blue-soft);
  --blu-color-blue-100: var(--bluui-color-blue-border);
  --blu-color-blue-600: var(--bluui-color-blue-solid);
  --blu-color-blue-700: var(--bluui-color-blue-text);
  --blu-color-blue-800: var(--bluui-color-blue-text);
  --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
  --bluui-geekblue-text: var(--bluui-color-geekblue-text);
  --bluui-geekblue-border: var(--bluui-color-geekblue-border);
  --bluui-geekblue: var(--bluui-color-geekblue-solid);
  --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
  --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
  --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
  --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
  --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
  --bluui-purple-soft: var(--bluui-color-purple-soft);
  --bluui-purple-text: var(--bluui-color-purple-text);
  --bluui-purple-border: var(--bluui-color-purple-border);
  --bluui-purple: var(--bluui-color-purple-solid);
  --blu-color-purple-50: var(--bluui-color-purple-soft);
  --blu-color-purple-100: var(--bluui-color-purple-border);
  --blu-color-purple-600: var(--bluui-color-purple-solid);
  --blu-color-purple-700: var(--bluui-color-purple-text);
  --blu-color-purple-800: var(--bluui-color-purple-text);
  --bluui-primary-light: var(--bluui-primary-soft);
  --bluui-info-soft: var(--bluui-processing-soft);
  --bluui-info-text: var(--bluui-processing-text);
  --bluui-info-border: var(--bluui-processing-border);
  --bluui-font: var(--blu-font-family);
  --blu-background: var(--bluui-background);
  --blu-surface: var(--bluui-surface);
  --blu-text: var(--bluui-text);
  --blu-text-secondary: var(--bluui-text-muted);
  --blu-border: var(--bluui-border);
  --blu-border-strong: var(--bluui-border-strong);
  --blu-focus-ring: var(--bluui-focus-shadow);
  --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
  --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
  --blu-shadow-md: var(--bluui-menu-shadow);
  --color-background-body: var(--bluui-background);
  --color-background-main: var(--bluui-surface);
  --color-primary: var(--bluui-primary);
  --color-primary-hover: var(--bluui-primary-hover);
  --color-focus-outer: var(--bluui-primary);
  --color-neutral-0: var(--bluui-surface);
  --color-neutral-1: var(--bluui-surface-muted);
  --color-neutral-2: var(--bluui-hover);
  --color-neutral-3: var(--bluui-border);
  --color-neutral-4: var(--bluui-control-border);
  --color-neutral-5: var(--bluui-text-subtle);
  --color-neutral-6: var(--bluui-text-muted);
  --color-neutral-7: var(--bluui-text-muted);
  --color-neutral-8: var(--bluui-text);
  --color-neutral-9: var(--bluui-text);
  --color-neutral-10: var(--bluui-text);
  --blu-color-gray-50: var(--bluui-surface);
  --blu-color-gray-100: var(--bluui-surface-muted);
  --blu-color-gray-200: var(--bluui-border);
  --blu-color-gray-300: var(--bluui-control-border);
  --blu-color-gray-400: var(--bluui-text-subtle);
  --blu-color-gray-500: var(--bluui-text-muted);
  --blu-color-gray-600: var(--bluui-text-muted);
  --blu-color-gray-700: var(--bluui-text);
  --blu-color-gray-800: var(--bluui-text);
  --blu-color-gray-900: var(--bluui-text);
}

/* CSS-only consumers and Service Studio previews follow the OS preference. */
@media (prefers-color-scheme: dark) {
  :root:not([data-bluui-theme="light"]):not([data-bluui-theme="dark"]) {
    color-scheme: dark;
    --bluui-background: #101319;
    --bluui-surface: #191e27;
    --bluui-surface-muted: #202733;
    --bluui-surface-raised: #252d3a;
    --bluui-text: #edf1f7;
    --bluui-text-muted: #adb8c9;
    --bluui-text-subtle: #919fb3;
    --bluui-border: #343e4f;
    --bluui-border-strong: #59687f;
    --bluui-control-border: #4b5870;
    --bluui-row-border: #303a49;
    --bluui-hover: #293342;
    --bluui-selected: #39315c;
    --bluui-changed: #2c2841;
    --bluui-skeleton-base: #303b4c;
    --bluui-skeleton-shine: rgb(255 255 255 / 9%);
    --bluui-scrim: rgb(0 0 0 / 65%);
    --bluui-shadow-color: rgb(0 0 0 / 35%);
    --bluui-primary-hover: #b1a7ff;
    --bluui-primary-active: #c3baff;
    --bluui-on-primary: #ffffff;
    --bluui-primary: #a89aff;
    --bluui-focus-shadow: 0 0 0 3px rgb(168 154 255 / 28%);
    --bluui-menu-shadow: 0 12px 36px rgb(0 0 0 / 45%);
    --bluui-color-default-soft: #272727;
    --bluui-color-default-text: rgba(255, 255, 255, 0.85);
    --bluui-color-default-border: #424242;
    --bluui-color-default-solid: rgba(255, 255, 255, 0.95);
    --bluui-color-default-contrast: #000000;
    --bluui-color-primary-soft: #282445;
    --bluui-color-primary-text: #b6acff;
    --bluui-color-primary-border: #51477d;
    --bluui-color-primary-solid: #8070ed;
    --bluui-color-primary-contrast: #ffffff;
    --bluui-color-secondary-soft: #2b3240;
    --bluui-color-secondary-text: #d6dce5;
    --bluui-color-secondary-border: #455064;
    --bluui-color-secondary-solid: #526077;
    --bluui-color-secondary-contrast: #ffffff;
    --bluui-color-success-soft: #162312;
    --bluui-color-success-text: #49aa19;
    --bluui-color-success-border: #274916;
    --bluui-color-success-solid: #49aa19;
    --bluui-color-success-contrast: #ffffff;
    --bluui-color-processing-soft: #111a2c;
    --bluui-color-processing-text: #1668dc;
    --bluui-color-processing-border: #15325b;
    --bluui-color-processing-solid: #1668dc;
    --bluui-color-processing-contrast: #ffffff;
    --bluui-color-warning-soft: #2b2111;
    --bluui-color-warning-text: #d89614;
    --bluui-color-warning-border: #594214;
    --bluui-color-warning-solid: #d89614;
    --bluui-color-warning-contrast: #ffffff;
    --bluui-color-error-soft: #2c1618;
    --bluui-color-error-text: #dc4446;
    --bluui-color-error-border: #5b2526;
    --bluui-color-error-solid: #dc4446;
    --bluui-color-error-contrast: #ffffff;
    --bluui-color-danger-soft: #2c1618;
    --bluui-color-danger-text: #dc4446;
    --bluui-color-danger-border: #5b2526;
    --bluui-color-danger-solid: #dc4446;
    --bluui-color-danger-contrast: #ffffff;
    --bluui-color-magenta-soft: #291321;
    --bluui-color-magenta-text: #e0529c;
    --bluui-color-magenta-border: #551c3b;
    --bluui-color-magenta-solid: #cb2b83;
    --bluui-color-magenta-contrast: #ffffff;
    --bluui-color-red-soft: #2a1215;
    --bluui-color-red-text: #e84749;
    --bluui-color-red-border: #58181c;
    --bluui-color-red-solid: #d32029;
    --bluui-color-red-contrast: #ffffff;
    --bluui-color-volcano-soft: #2b1611;
    --bluui-color-volcano-text: #e87040;
    --bluui-color-volcano-border: #592716;
    --bluui-color-volcano-solid: #d84a1b;
    --bluui-color-volcano-contrast: #ffffff;
    --bluui-color-orange-soft: #2b1d11;
    --bluui-color-orange-text: #e89a3c;
    --bluui-color-orange-border: #593815;
    --bluui-color-orange-solid: #d87a16;
    --bluui-color-orange-contrast: #ffffff;
    --bluui-color-gold-soft: #2b2111;
    --bluui-color-gold-text: #e8b339;
    --bluui-color-gold-border: #594214;
    --bluui-color-gold-solid: #d89614;
    --bluui-color-gold-contrast: #ffffff;
    --bluui-color-lime-soft: #1f2611;
    --bluui-color-lime-text: #a9d134;
    --bluui-color-lime-border: #3e4f13;
    --bluui-color-lime-solid: #8bbb11;
    --bluui-color-lime-contrast: #ffffff;
    --bluui-color-green-soft: #162312;
    --bluui-color-green-text: #6abe39;
    --bluui-color-green-border: #274916;
    --bluui-color-green-solid: #49aa19;
    --bluui-color-green-contrast: #ffffff;
    --bluui-color-cyan-soft: #112123;
    --bluui-color-cyan-text: #33bcb7;
    --bluui-color-cyan-border: #144848;
    --bluui-color-cyan-solid: #13a8a8;
    --bluui-color-cyan-contrast: #ffffff;
    --bluui-color-blue-soft: #111a2c;
    --bluui-color-blue-text: #3c89e8;
    --bluui-color-blue-border: #15325b;
    --bluui-color-blue-solid: #1668dc;
    --bluui-color-blue-contrast: #ffffff;
    --bluui-color-geekblue-soft: #131629;
    --bluui-color-geekblue-text: #5273e0;
    --bluui-color-geekblue-border: #1c2755;
    --bluui-color-geekblue-solid: #2b4acb;
    --bluui-color-geekblue-contrast: #ffffff;
    --bluui-color-purple-soft: #1a1325;
    --bluui-color-purple-text: #854eca;
    --bluui-color-purple-border: #301c4d;
    --bluui-color-purple-solid: #642ab5;
    --bluui-color-purple-contrast: #ffffff;
    --bluui-default-soft: var(--bluui-color-default-soft);
    --bluui-default-text: var(--bluui-color-default-text);
    --bluui-default-border: var(--bluui-color-default-border);
    --bluui-default: var(--bluui-color-default-solid);
    --blu-color-default-50: var(--bluui-color-default-soft);
    --blu-color-default-100: var(--bluui-color-default-border);
    --blu-color-default-600: var(--bluui-color-default-solid);
    --blu-color-default-700: var(--bluui-color-default-text);
    --blu-color-default-800: var(--bluui-color-default-text);
    --bluui-primary-soft: var(--bluui-color-primary-soft);
    --bluui-primary-text: var(--bluui-color-primary-text);
    --bluui-primary-border: var(--bluui-color-primary-border);
    --blu-color-primary-50: var(--bluui-color-primary-soft);
    --blu-color-primary-100: var(--bluui-color-primary-border);
    --blu-color-primary-600: var(--bluui-color-primary-solid);
    --blu-color-primary-700: var(--bluui-color-primary-text);
    --blu-color-primary-800: var(--bluui-color-primary-text);
    --bluui-secondary-soft: var(--bluui-color-secondary-soft);
    --bluui-secondary-text: var(--bluui-color-secondary-text);
    --bluui-secondary-border: var(--bluui-color-secondary-border);
    --bluui-secondary: var(--bluui-color-secondary-solid);
    --blu-color-secondary-50: var(--bluui-color-secondary-soft);
    --blu-color-secondary-100: var(--bluui-color-secondary-border);
    --blu-color-secondary-600: var(--bluui-color-secondary-solid);
    --blu-color-secondary-700: var(--bluui-color-secondary-text);
    --blu-color-secondary-800: var(--bluui-color-secondary-text);
    --bluui-success-soft: var(--bluui-color-success-soft);
    --bluui-success-text: var(--bluui-color-success-text);
    --bluui-success-border: var(--bluui-color-success-border);
    --bluui-success: var(--bluui-color-success-solid);
    --blu-color-success-50: var(--bluui-color-success-soft);
    --blu-color-success-100: var(--bluui-color-success-border);
    --blu-color-success-600: var(--bluui-color-success-solid);
    --blu-color-success-700: var(--bluui-color-success-text);
    --blu-color-success-800: var(--bluui-color-success-text);
    --bluui-processing-soft: var(--bluui-color-processing-soft);
    --bluui-processing-text: var(--bluui-color-processing-text);
    --bluui-processing-border: var(--bluui-color-processing-border);
    --bluui-processing: var(--bluui-color-processing-solid);
    --blu-color-processing-50: var(--bluui-color-processing-soft);
    --blu-color-processing-100: var(--bluui-color-processing-border);
    --blu-color-processing-600: var(--bluui-color-processing-solid);
    --blu-color-processing-700: var(--bluui-color-processing-text);
    --blu-color-processing-800: var(--bluui-color-processing-text);
    --bluui-warning-soft: var(--bluui-color-warning-soft);
    --bluui-warning-text: var(--bluui-color-warning-text);
    --bluui-warning-border: var(--bluui-color-warning-border);
    --bluui-warning: var(--bluui-color-warning-solid);
    --blu-color-warning-50: var(--bluui-color-warning-soft);
    --blu-color-warning-100: var(--bluui-color-warning-border);
    --blu-color-warning-600: var(--bluui-color-warning-solid);
    --blu-color-warning-700: var(--bluui-color-warning-text);
    --blu-color-warning-800: var(--bluui-color-warning-text);
    --bluui-error-soft: var(--bluui-color-error-soft);
    --bluui-error-text: var(--bluui-color-error-text);
    --bluui-error-border: var(--bluui-color-error-border);
    --bluui-error: var(--bluui-color-error-solid);
    --blu-color-error-50: var(--bluui-color-error-soft);
    --blu-color-error-100: var(--bluui-color-error-border);
    --blu-color-error-600: var(--bluui-color-error-solid);
    --blu-color-error-700: var(--bluui-color-error-text);
    --blu-color-error-800: var(--bluui-color-error-text);
    --bluui-danger-soft: var(--bluui-color-danger-soft);
    --bluui-danger-text: var(--bluui-color-danger-text);
    --bluui-danger-border: var(--bluui-color-danger-border);
    --bluui-danger: var(--bluui-color-danger-solid);
    --blu-color-danger-50: var(--bluui-color-danger-soft);
    --blu-color-danger-100: var(--bluui-color-danger-border);
    --blu-color-danger-600: var(--bluui-color-danger-solid);
    --blu-color-danger-700: var(--bluui-color-danger-text);
    --blu-color-danger-800: var(--bluui-color-danger-text);
    --bluui-magenta-soft: var(--bluui-color-magenta-soft);
    --bluui-magenta-text: var(--bluui-color-magenta-text);
    --bluui-magenta-border: var(--bluui-color-magenta-border);
    --bluui-magenta: var(--bluui-color-magenta-solid);
    --blu-color-magenta-50: var(--bluui-color-magenta-soft);
    --blu-color-magenta-100: var(--bluui-color-magenta-border);
    --blu-color-magenta-600: var(--bluui-color-magenta-solid);
    --blu-color-magenta-700: var(--bluui-color-magenta-text);
    --blu-color-magenta-800: var(--bluui-color-magenta-text);
    --bluui-red-soft: var(--bluui-color-red-soft);
    --bluui-red-text: var(--bluui-color-red-text);
    --bluui-red-border: var(--bluui-color-red-border);
    --bluui-red: var(--bluui-color-red-solid);
    --blu-color-red-50: var(--bluui-color-red-soft);
    --blu-color-red-100: var(--bluui-color-red-border);
    --blu-color-red-600: var(--bluui-color-red-solid);
    --blu-color-red-700: var(--bluui-color-red-text);
    --blu-color-red-800: var(--bluui-color-red-text);
    --bluui-volcano-soft: var(--bluui-color-volcano-soft);
    --bluui-volcano-text: var(--bluui-color-volcano-text);
    --bluui-volcano-border: var(--bluui-color-volcano-border);
    --bluui-volcano: var(--bluui-color-volcano-solid);
    --blu-color-volcano-50: var(--bluui-color-volcano-soft);
    --blu-color-volcano-100: var(--bluui-color-volcano-border);
    --blu-color-volcano-600: var(--bluui-color-volcano-solid);
    --blu-color-volcano-700: var(--bluui-color-volcano-text);
    --blu-color-volcano-800: var(--bluui-color-volcano-text);
    --bluui-orange-soft: var(--bluui-color-orange-soft);
    --bluui-orange-text: var(--bluui-color-orange-text);
    --bluui-orange-border: var(--bluui-color-orange-border);
    --bluui-orange: var(--bluui-color-orange-solid);
    --blu-color-orange-50: var(--bluui-color-orange-soft);
    --blu-color-orange-100: var(--bluui-color-orange-border);
    --blu-color-orange-600: var(--bluui-color-orange-solid);
    --blu-color-orange-700: var(--bluui-color-orange-text);
    --blu-color-orange-800: var(--bluui-color-orange-text);
    --bluui-gold-soft: var(--bluui-color-gold-soft);
    --bluui-gold-text: var(--bluui-color-gold-text);
    --bluui-gold-border: var(--bluui-color-gold-border);
    --bluui-gold: var(--bluui-color-gold-solid);
    --blu-color-gold-50: var(--bluui-color-gold-soft);
    --blu-color-gold-100: var(--bluui-color-gold-border);
    --blu-color-gold-600: var(--bluui-color-gold-solid);
    --blu-color-gold-700: var(--bluui-color-gold-text);
    --blu-color-gold-800: var(--bluui-color-gold-text);
    --bluui-lime-soft: var(--bluui-color-lime-soft);
    --bluui-lime-text: var(--bluui-color-lime-text);
    --bluui-lime-border: var(--bluui-color-lime-border);
    --bluui-lime: var(--bluui-color-lime-solid);
    --blu-color-lime-50: var(--bluui-color-lime-soft);
    --blu-color-lime-100: var(--bluui-color-lime-border);
    --blu-color-lime-600: var(--bluui-color-lime-solid);
    --blu-color-lime-700: var(--bluui-color-lime-text);
    --blu-color-lime-800: var(--bluui-color-lime-text);
    --bluui-green-soft: var(--bluui-color-green-soft);
    --bluui-green-text: var(--bluui-color-green-text);
    --bluui-green-border: var(--bluui-color-green-border);
    --bluui-green: var(--bluui-color-green-solid);
    --blu-color-green-50: var(--bluui-color-green-soft);
    --blu-color-green-100: var(--bluui-color-green-border);
    --blu-color-green-600: var(--bluui-color-green-solid);
    --blu-color-green-700: var(--bluui-color-green-text);
    --blu-color-green-800: var(--bluui-color-green-text);
    --bluui-cyan-soft: var(--bluui-color-cyan-soft);
    --bluui-cyan-text: var(--bluui-color-cyan-text);
    --bluui-cyan-border: var(--bluui-color-cyan-border);
    --bluui-cyan: var(--bluui-color-cyan-solid);
    --blu-color-cyan-50: var(--bluui-color-cyan-soft);
    --blu-color-cyan-100: var(--bluui-color-cyan-border);
    --blu-color-cyan-600: var(--bluui-color-cyan-solid);
    --blu-color-cyan-700: var(--bluui-color-cyan-text);
    --blu-color-cyan-800: var(--bluui-color-cyan-text);
    --bluui-blue-soft: var(--bluui-color-blue-soft);
    --bluui-blue-text: var(--bluui-color-blue-text);
    --bluui-blue-border: var(--bluui-color-blue-border);
    --bluui-blue: var(--bluui-color-blue-solid);
    --blu-color-blue-50: var(--bluui-color-blue-soft);
    --blu-color-blue-100: var(--bluui-color-blue-border);
    --blu-color-blue-600: var(--bluui-color-blue-solid);
    --blu-color-blue-700: var(--bluui-color-blue-text);
    --blu-color-blue-800: var(--bluui-color-blue-text);
    --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
    --bluui-geekblue-text: var(--bluui-color-geekblue-text);
    --bluui-geekblue-border: var(--bluui-color-geekblue-border);
    --bluui-geekblue: var(--bluui-color-geekblue-solid);
    --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
    --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
    --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
    --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
    --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
    --bluui-purple-soft: var(--bluui-color-purple-soft);
    --bluui-purple-text: var(--bluui-color-purple-text);
    --bluui-purple-border: var(--bluui-color-purple-border);
    --bluui-purple: var(--bluui-color-purple-solid);
    --blu-color-purple-50: var(--bluui-color-purple-soft);
    --blu-color-purple-100: var(--bluui-color-purple-border);
    --blu-color-purple-600: var(--bluui-color-purple-solid);
    --blu-color-purple-700: var(--bluui-color-purple-text);
    --blu-color-purple-800: var(--bluui-color-purple-text);
    --bluui-primary-light: var(--bluui-primary-soft);
    --bluui-info-soft: var(--bluui-processing-soft);
    --bluui-info-text: var(--bluui-processing-text);
    --bluui-info-border: var(--bluui-processing-border);
    --bluui-font: var(--blu-font-family);
    --blu-background: var(--bluui-background);
    --blu-surface: var(--bluui-surface);
    --blu-text: var(--bluui-text);
    --blu-text-secondary: var(--bluui-text-muted);
    --blu-border: var(--bluui-border);
    --blu-border-strong: var(--bluui-border-strong);
    --blu-focus-ring: var(--bluui-focus-shadow);
    --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
    --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
    --blu-shadow-md: var(--bluui-menu-shadow);
    --color-background-body: var(--bluui-background);
    --color-background-main: var(--bluui-surface);
    --color-primary: var(--bluui-primary);
    --color-primary-hover: var(--bluui-primary-hover);
    --color-focus-outer: var(--bluui-primary);
    --color-neutral-0: var(--bluui-surface);
    --color-neutral-1: var(--bluui-surface-muted);
    --color-neutral-2: var(--bluui-hover);
    --color-neutral-3: var(--bluui-border);
    --color-neutral-4: var(--bluui-control-border);
    --color-neutral-5: var(--bluui-text-subtle);
    --color-neutral-6: var(--bluui-text-muted);
    --color-neutral-7: var(--bluui-text-muted);
    --color-neutral-8: var(--bluui-text);
    --color-neutral-9: var(--bluui-text);
    --color-neutral-10: var(--bluui-text);
    --blu-color-gray-50: var(--bluui-surface);
    --blu-color-gray-100: var(--bluui-surface-muted);
    --blu-color-gray-200: var(--bluui-border);
    --blu-color-gray-300: var(--bluui-control-border);
    --blu-color-gray-400: var(--bluui-text-subtle);
    --blu-color-gray-500: var(--bluui-text-muted);
    --blu-color-gray-600: var(--bluui-text-muted);
    --blu-color-gray-700: var(--bluui-text);
    --blu-color-gray-800: var(--bluui-text);
    --blu-color-gray-900: var(--bluui-text);
  }
}

/* Native controls inherit text as well as their surfaces. Keep logos and
   deliberate solid-color foregrounds independent from the surrounding mode. */
body { background-color: var(--bluui-background); color: var(--bluui-text); }
input, select, textarea { color-scheme: inherit; }
:where(.form-control, .dropdown, .input, .textarea) {
  color: var(--bluui-text);
  background-color: var(--bluui-surface);
  border-color: var(--bluui-control-border);
}