/*! @lumina-ui/tokens v0.4.0 — generated file, do not edit. 自动生成，请勿手改。 */
:root {
  --lm-ref-color-white: #FFFFFF;
  --lm-ref-color-black: #000000;
  --lm-ref-color-zinc-50: #FAFAFA;
  --lm-ref-color-zinc-100: #F4F4F5;
  --lm-ref-color-zinc-200: #E4E4E7;
  --lm-ref-color-zinc-300: #D4D4D8;
  --lm-ref-color-zinc-400: #A1A1AA;
  --lm-ref-color-zinc-500: #71717A;
  --lm-ref-color-zinc-600: #52525B;
  --lm-ref-color-zinc-700: #3F3F46;
  --lm-ref-color-zinc-800: #27272A;
  --lm-ref-color-zinc-900: #18181B;
  --lm-ref-color-zinc-950: #09090B;
  --lm-ref-color-blue-50: #EFF6FF;
  --lm-ref-color-blue-100: #DBEAFE;
  --lm-ref-color-blue-200: #BFDBFE;
  --lm-ref-color-blue-300: #93C5FD;
  --lm-ref-color-blue-400: #60A5FA;
  --lm-ref-color-blue-500: #3B82F6;
  --lm-ref-color-blue-600: #2563EB;
  --lm-ref-color-blue-700: #1D4ED8;
  --lm-ref-color-blue-800: #1E40AF;
  --lm-ref-color-blue-900: #1E3A8A;
  --lm-ref-color-blue-950: #172554;
  --lm-ref-color-teal-50: #F0FDFA;
  --lm-ref-color-teal-100: #CCFBF1;
  --lm-ref-color-teal-200: #99F6E4;
  --lm-ref-color-teal-300: #5EEAD4;
  --lm-ref-color-teal-400: #2DD4BF;
  --lm-ref-color-teal-500: #14B8A6;
  --lm-ref-color-teal-600: #0D9488;
  --lm-ref-color-teal-700: #0F766E;
  --lm-ref-color-teal-800: #115E59;
  --lm-ref-color-teal-900: #134E4A;
  --lm-ref-color-teal-950: #042F2E;
  --lm-ref-color-green-50: #F0FDF4;
  --lm-ref-color-green-100: #DCFCE7;
  --lm-ref-color-green-200: #BBF7D0;
  --lm-ref-color-green-300: #86EFAC;
  --lm-ref-color-green-400: #4ADE80;
  --lm-ref-color-green-500: #22C55E;
  --lm-ref-color-green-600: #16A34A;
  --lm-ref-color-green-700: #15803D;
  --lm-ref-color-green-800: #166534;
  --lm-ref-color-green-900: #14532D;
  --lm-ref-color-green-950: #052E16;
  --lm-ref-color-amber-50: #FFFBEB;
  --lm-ref-color-amber-100: #FEF3C7;
  --lm-ref-color-amber-200: #FDE68A;
  --lm-ref-color-amber-300: #FCD34D;
  --lm-ref-color-amber-400: #FBBF24;
  --lm-ref-color-amber-500: #F59E0B;
  --lm-ref-color-amber-600: #D97706;
  --lm-ref-color-amber-700: #B45309;
  --lm-ref-color-amber-800: #92400E;
  --lm-ref-color-amber-900: #78350F;
  --lm-ref-color-amber-950: #451A03;
  --lm-ref-color-red-50: #FEF2F2;
  --lm-ref-color-red-100: #FEE2E2;
  --lm-ref-color-red-200: #FECACA;
  --lm-ref-color-red-300: #FCA5A5;
  --lm-ref-color-red-400: #F87171;
  --lm-ref-color-red-500: #EF4444;
  --lm-ref-color-red-600: #DC2626;
  --lm-ref-color-red-700: #B91C1C;
  --lm-ref-color-red-800: #991B1B;
  --lm-ref-color-red-900: #7F1D1D;
  --lm-ref-color-red-950: #450A0A;
  --lm-ref-color-rose-50: #FFF1F2;
  --lm-ref-color-rose-100: #FFE4E6;
  --lm-ref-color-rose-200: #FECDD3;
  --lm-ref-color-rose-300: #FDA4AF;
  --lm-ref-color-rose-400: #FB7185;
  --lm-ref-color-rose-500: #F43F5E;
  --lm-ref-color-rose-600: #E11D48;
  --lm-ref-color-rose-700: #BE123C;
  --lm-ref-color-rose-800: #9F1239;
  --lm-ref-color-rose-900: #881337;
  --lm-ref-color-rose-950: #4C0519;
  --lm-ref-color-purple-50: #FAF5FF;
  --lm-ref-color-purple-100: #F3E8FF;
  --lm-ref-color-purple-200: #E9D5FF;
  --lm-ref-color-purple-300: #D8B4FE;
  --lm-ref-color-purple-400: #C084FC;
  --lm-ref-color-purple-500: #8B5CF6;
  --lm-ref-color-purple-600: #7C3AED;
  --lm-ref-color-purple-700: #6D28D9;
  --lm-ref-color-purple-800: #5B21B6;
  --lm-ref-color-purple-900: #4C1D95;
  --lm-ref-color-purple-950: #2E1065;
  --lm-ref-color-indigo-50: #EEF2FF;
  --lm-ref-color-indigo-100: #E0E7FF;
  --lm-ref-color-indigo-200: #C7D2FE;
  --lm-ref-color-indigo-300: #A5B4FC;
  --lm-ref-color-indigo-400: #818CF8;
  --lm-ref-color-indigo-500: #6366F1;
  --lm-ref-color-indigo-600: #4F46E5;
  --lm-ref-color-indigo-700: #4338CA;
  --lm-ref-color-indigo-800: #3730A3;
  --lm-ref-color-indigo-900: #312E81;
  --lm-ref-color-indigo-950: #1E1B4B;
  --lm-ref-font-family-display: 'Space Grotesk','Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans CJK SC','Source Han Sans SC',system-ui,sans-serif;
  --lm-ref-font-family-body: 'Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans CJK SC','Source Han Sans SC',system-ui,-apple-system,'Segoe UI',sans-serif;
  --lm-ref-font-family-mono: 'JetBrains Mono','SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;
  --lm-ref-font-size-11: 11px;
  --lm-ref-font-size-12: 12px;
  --lm-ref-font-size-14: 14px;
  --lm-ref-font-size-16: 16px;
  --lm-ref-font-size-18: 18px;
  --lm-ref-font-size-22: 22px;
  --lm-ref-font-size-28: 28px;
  --lm-ref-font-size-36: 36px;
  --lm-ref-font-size-48: 48px;
  --lm-ref-font-weight-regular: 400;
  --lm-ref-font-weight-medium: 500;
  --lm-ref-font-weight-semibold: 600;
  --lm-ref-font-weight-bold: 700;
  --lm-ref-line-height-tight: 1.15;
  --lm-ref-line-height-snug: 1.35;
  --lm-ref-line-height-normal: 1.55;
  --lm-ref-line-height-relaxed: 1.7;
  --lm-ref-letter-spacing-tight: -0.02em;
  --lm-ref-letter-spacing-normal: 0;
  --lm-ref-letter-spacing-wide: 0.06em;
  --lm-ref-space-1: 4px;
  --lm-ref-space-2: 8px;
  --lm-ref-space-3: 12px;
  --lm-ref-space-4: 16px;
  --lm-ref-space-5: 20px;
  --lm-ref-space-6: 24px;
  --lm-ref-space-7: 32px;
  --lm-ref-space-8: 40px;
  --lm-ref-space-9: 48px;
  --lm-ref-space-10: 64px;
  --lm-ref-radius-xs: 4px;
  --lm-ref-radius-sm: 8px;
  --lm-ref-radius-md: 12px;
  --lm-ref-radius-lg: 18px;
  --lm-ref-radius-xl: 26px;
  --lm-ref-radius-2xl: 34px;
  --lm-ref-radius-full: 9999px;
  --lm-ref-blur-sm: 4px;
  --lm-ref-blur-glass: 12px;
  --lm-ref-blur-lg: 24px;
  --lm-ref-duration-fast: 120ms;
  --lm-ref-duration-base: 200ms;
  --lm-ref-duration-slow: 350ms;
  --lm-ref-duration-slower: 500ms;
  --lm-ref-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --lm-ref-easing-breeze: cubic-bezier(0.22, 1, 0.36, 1);
  --lm-ref-easing-creek: cubic-bezier(0.4, 0, 0.2, 1);
  --lm-ref-easing-bloom: cubic-bezier(0.05, 0.7, 0.1, 1);
  --lm-ref-easing-fall: cubic-bezier(0.3, 0, 0.8, 0.15);
  --lm-ref-easing-out: cubic-bezier(0.16, 1, 0.3, 1);
  --lm-ref-easing-linear: linear;
  --lm-ref-shadow-none: none;
  --lm-ref-shadow-sm: 0 1px 2px rgba(9, 9, 11, 0.06);
  --lm-ref-shadow-md: 0 2px 4px rgba(9, 9, 11, 0.06), 0 8px 16px rgba(9, 9, 11, 0.06);
  --lm-ref-shadow-lg: 0 4px 8px rgba(9, 9, 11, 0.06), 0 16px 32px rgba(9, 9, 11, 0.08);
  --lm-ref-shadow-xl: 0 8px 16px rgba(9, 9, 11, 0.08), 0 32px 64px rgba(9, 9, 11, 0.12);
  --lm-ref-icon-sm: 14px;
  --lm-ref-icon-md: 18px;
  --lm-ref-icon-lg: 24px;
  --lm-ref-z-index-base: 0;
  --lm-ref-z-index-raised: 10;
  --lm-ref-z-index-sticky: 100;
  --lm-ref-z-index-drawer: 500;
  --lm-ref-z-index-modal: 600;
  --lm-ref-z-index-popover: 700;
  --lm-ref-z-index-toast: 800;
  --lm-ref-breakpoint-sm: 640px;
  --lm-ref-breakpoint-md: 900px;
  --lm-ref-breakpoint-lg: 1200px;
  --lm-ref-breakpoint-xl: 1536px;
}

:root {
  --lm-sys-font-family-display: var(--lm-ref-font-family-display);
  --lm-sys-font-family-body: var(--lm-ref-font-family-body);
  --lm-sys-font-family-mono: var(--lm-ref-font-family-mono);
  --lm-sys-font-size-display: var(--lm-ref-font-size-48);
  --lm-sys-font-size-headline: var(--lm-ref-font-size-36);
  --lm-sys-font-size-title: var(--lm-ref-font-size-28);
  --lm-sys-font-size-subtitle: var(--lm-ref-font-size-22);
  --lm-sys-font-size-lead: var(--lm-ref-font-size-18);
  --lm-sys-font-size-body: var(--lm-ref-font-size-16);
  --lm-sys-font-size-body-sm: var(--lm-ref-font-size-14);
  --lm-sys-font-size-label: var(--lm-ref-font-size-12);
  --lm-sys-font-size-caption: var(--lm-ref-font-size-11);
  --lm-sys-font-weight-regular: var(--lm-ref-font-weight-regular);
  --lm-sys-font-weight-medium: var(--lm-ref-font-weight-medium);
  --lm-sys-font-weight-semibold: var(--lm-ref-font-weight-semibold);
  --lm-sys-font-weight-bold: var(--lm-ref-font-weight-bold);
  --lm-sys-line-height-tight: var(--lm-ref-line-height-tight);
  --lm-sys-line-height-snug: var(--lm-ref-line-height-snug);
  --lm-sys-line-height-normal: var(--lm-ref-line-height-normal);
  --lm-sys-line-height-relaxed: var(--lm-ref-line-height-relaxed);
  --lm-sys-letter-spacing-tight: var(--lm-ref-letter-spacing-tight);
  --lm-sys-letter-spacing-normal: var(--lm-ref-letter-spacing-normal);
  --lm-sys-letter-spacing-wide: var(--lm-ref-letter-spacing-wide);
  --lm-sys-space-1: var(--lm-ref-space-1);
  --lm-sys-space-2: var(--lm-ref-space-2);
  --lm-sys-space-3: var(--lm-ref-space-3);
  --lm-sys-space-4: var(--lm-ref-space-4);
  --lm-sys-space-5: var(--lm-ref-space-5);
  --lm-sys-space-6: var(--lm-ref-space-6);
  --lm-sys-space-7: var(--lm-ref-space-7);
  --lm-sys-space-8: var(--lm-ref-space-8);
  --lm-sys-space-9: var(--lm-ref-space-9);
  --lm-sys-space-10: var(--lm-ref-space-10);
  --lm-sys-radius-xs: var(--lm-ref-radius-xs);
  --lm-sys-radius-sm: var(--lm-ref-radius-sm);
  --lm-sys-radius-md: var(--lm-ref-radius-md);
  --lm-sys-radius-lg: var(--lm-ref-radius-lg);
  --lm-sys-radius-xl: var(--lm-ref-radius-xl);
  --lm-sys-radius-2xl: var(--lm-ref-radius-2xl);
  --lm-sys-radius-full: var(--lm-ref-radius-full);
  --lm-sys-duration-fast: var(--lm-ref-duration-fast);
  --lm-sys-duration-base: var(--lm-ref-duration-base);
  --lm-sys-duration-slow: var(--lm-ref-duration-slow);
  --lm-sys-duration-slower: var(--lm-ref-duration-slower);
  --lm-sys-easing-spring: var(--lm-ref-easing-spring);
  --lm-sys-easing-breeze: var(--lm-ref-easing-breeze);
  --lm-sys-easing-creek: var(--lm-ref-easing-creek);
  --lm-sys-easing-bloom: var(--lm-ref-easing-bloom);
  --lm-sys-easing-fall: var(--lm-ref-easing-fall);
  --lm-sys-easing-smooth: var(--lm-ref-easing-creek);
  --lm-sys-easing-out: var(--lm-ref-easing-breeze);
  --lm-sys-easing-emphasized: var(--lm-ref-easing-bloom);
  --lm-sys-easing-exit: var(--lm-ref-easing-fall);
  --lm-sys-easing-linear: var(--lm-ref-easing-linear);
  --lm-sys-icon-size-sm: var(--lm-ref-icon-sm);
  --lm-sys-icon-size-md: var(--lm-ref-icon-md);
  --lm-sys-icon-size-lg: var(--lm-ref-icon-lg);
  --lm-sys-z-index-base: var(--lm-ref-z-index-base);
  --lm-sys-z-index-raised: var(--lm-ref-z-index-raised);
  --lm-sys-z-index-sticky: var(--lm-ref-z-index-sticky);
  --lm-sys-z-index-drawer: var(--lm-ref-z-index-drawer);
  --lm-sys-z-index-modal: var(--lm-ref-z-index-modal);
  --lm-sys-z-index-popover: var(--lm-ref-z-index-popover);
  --lm-sys-z-index-toast: var(--lm-ref-z-index-toast);
  --lm-sys-breakpoint-sm: var(--lm-ref-breakpoint-sm);
  --lm-sys-breakpoint-md: var(--lm-ref-breakpoint-md);
  --lm-sys-breakpoint-lg: var(--lm-ref-breakpoint-lg);
  --lm-sys-breakpoint-xl: var(--lm-ref-breakpoint-xl);
  --lm-sys-blur-sm: var(--lm-ref-blur-sm);
  --lm-sys-blur-glass: var(--lm-ref-blur-glass);
  --lm-sys-blur-lg: var(--lm-ref-blur-lg);
  --lm-comp-control-height-sm: 32px;
  --lm-comp-control-height-md: 40px;
  --lm-comp-control-height-lg: 48px;
  --lm-comp-control-padding-x-sm: var(--lm-sys-space-3);
  --lm-comp-control-padding-x-md: var(--lm-sys-space-4);
  --lm-comp-control-padding-x-lg: var(--lm-sys-space-5);
  --lm-comp-control-font-size-sm: var(--lm-sys-font-size-label);
  --lm-comp-control-font-size-md: var(--lm-sys-font-size-body-sm);
  --lm-comp-control-font-size-lg: var(--lm-sys-font-size-body);
  --lm-comp-control-radius: var(--lm-sys-radius-md);
  --lm-comp-control-border-width: 1px;
  --lm-comp-control-gap: var(--lm-sys-space-2);
  --lm-comp-control-min-width: 64px;
  --lm-comp-button-height-sm: var(--lm-comp-control-height-sm);
  --lm-comp-button-height-md: var(--lm-comp-control-height-md);
  --lm-comp-button-height-lg: var(--lm-comp-control-height-lg);
  --lm-comp-button-padding-x-sm: var(--lm-comp-control-padding-x-sm);
  --lm-comp-button-padding-x-md: var(--lm-comp-control-padding-x-md);
  --lm-comp-button-padding-x-lg: var(--lm-comp-control-padding-x-lg);
  --lm-comp-button-font-size-sm: var(--lm-comp-control-font-size-sm);
  --lm-comp-button-font-size-md: var(--lm-comp-control-font-size-md);
  --lm-comp-button-font-size-lg: var(--lm-comp-control-font-size-lg);
  --lm-comp-button-radius: var(--lm-sys-radius-md);
  --lm-comp-button-gap: var(--lm-sys-space-2);
  --lm-comp-button-icon-size: 16px;
  --lm-comp-icon-button-size-sm: 28px;
  --lm-comp-icon-button-size-md: 36px;
  --lm-comp-icon-button-size-lg: 44px;
  --lm-comp-fab-size: 56px;
  --lm-comp-fab-offset: var(--lm-sys-space-6);
  --lm-comp-fab-radius: var(--lm-sys-radius-full);
  --lm-comp-toggle-button-min-width: 72px;
  --lm-comp-input-height-sm: var(--lm-comp-control-height-sm);
  --lm-comp-input-height-md: var(--lm-comp-control-height-md);
  --lm-comp-input-height-lg: var(--lm-comp-control-height-lg);
  --lm-comp-input-padding-x: var(--lm-sys-space-3);
  --lm-comp-input-radius: var(--lm-sys-radius-md);
  --lm-comp-textarea-min-height: 88px;
  --lm-comp-textarea-padding-y: var(--lm-sys-space-3);
  --lm-comp-select-icon-size: 16px;
  --lm-comp-checkbox-size: 18px;
  --lm-comp-radio-size: 18px;
  --lm-comp-switch-width: 42px;
  --lm-comp-switch-height: 24px;
  --lm-comp-switch-knob-size: 18px;
  --lm-comp-slider-track-height: 6px;
  --lm-comp-slider-thumb-size: 18px;
  --lm-comp-field-gap: var(--lm-sys-space-2);
  --lm-comp-field-font-size: var(--lm-sys-font-size-body-sm);
  --lm-comp-card-padding: var(--lm-sys-space-6);
  --lm-comp-card-padding-sm: var(--lm-sys-space-4);
  --lm-comp-card-gap: var(--lm-sys-space-4);
  --lm-comp-card-radius: var(--lm-sys-radius-lg);
  --lm-comp-panel-padding: var(--lm-sys-space-6);
  --lm-comp-panel-radius: var(--lm-sys-radius-lg);
  --lm-comp-badge-height: 20px;
  --lm-comp-badge-padding-x: var(--lm-sys-space-2);
  --lm-comp-badge-dot-size: 6px;
  --lm-comp-avatar-size-sm: 24px;
  --lm-comp-avatar-size-md: 32px;
  --lm-comp-avatar-size-lg: 44px;
  --lm-comp-avatar-radius: var(--lm-sys-radius-full);
  --lm-comp-tag-height: 26px;
  --lm-comp-tag-padding-x: var(--lm-sys-space-2);
  --lm-comp-tag-font-size: var(--lm-sys-font-size-label);
  --lm-comp-table-row-height: 48px;
  --lm-comp-table-cell-padding-x: var(--lm-sys-space-4);
  --lm-comp-table-cell-padding-y: var(--lm-sys-space-3);
  --lm-comp-table-header-height: 44px;
  --lm-comp-tooltip-padding: var(--lm-sys-space-2);
  --lm-comp-tooltip-radius: var(--lm-sys-radius-sm);
  --lm-comp-tooltip-max-width: 260px;
  --lm-comp-divider-thickness: 1px;
  --lm-comp-toast-min-width: 300px;
  --lm-comp-toast-max-width: 420px;
  --lm-comp-toast-padding: var(--lm-sys-space-4);
  --lm-comp-toast-radius: var(--lm-sys-radius-lg);
  --lm-comp-toast-gap: var(--lm-sys-space-3);
  --lm-comp-toast-offset: var(--lm-sys-space-6);
  --lm-comp-modal-max-width: 560px;
  --lm-comp-modal-padding: var(--lm-sys-space-6);
  --lm-comp-modal-radius: var(--lm-sys-radius-xl);
  --lm-comp-modal-header-gap: var(--lm-sys-space-3);
  --lm-comp-progress-height: 8px;
  --lm-comp-progress-radius: var(--lm-sys-radius-full);
  --lm-comp-spinner-size-sm: 14px;
  --lm-comp-spinner-size-md: 18px;
  --lm-comp-spinner-size-lg: 28px;
  --lm-comp-alert-padding: var(--lm-sys-space-4);
  --lm-comp-alert-radius: var(--lm-sys-radius-md);
  --lm-comp-alert-gap: var(--lm-sys-space-3);
  --lm-comp-skeleton-radius: var(--lm-sys-radius-sm);
  --lm-comp-glass-radius: var(--lm-sys-radius-xl);
  --lm-comp-sidebar-width: 260px;
  --lm-comp-sidebar-width-collapsed: 72px;
  --lm-comp-sidebar-padding: var(--lm-sys-space-4);
  --lm-comp-sidebar-item-height: 40px;
  --lm-comp-sidebar-item-radius: var(--lm-sys-radius-md);
  --lm-comp-topbar-height: 60px;
  --lm-comp-topbar-padding-x: var(--lm-sys-space-6);
  --lm-comp-tabs-gap: var(--lm-sys-space-1);
  --lm-comp-tabs-height: 40px;
  --lm-comp-tabs-indicator-height: 2px;
  --lm-comp-accordion-item-gap: var(--lm-sys-space-2);
  --lm-comp-accordion-trigger-height: 48px;
  --lm-comp-breadcrumb-gap: var(--lm-sys-space-2);
  --lm-comp-pagination-item-size: 36px;
  --lm-comp-menu-min-width: 200px;
  --lm-comp-menu-padding-y: var(--lm-sys-space-1);
  --lm-comp-menu-item-height: 36px;
  --lm-comp-menu-item-padding-x: var(--lm-sys-space-3);
  --lm-comp-menu-radius: var(--lm-sys-radius-md);
  --lm-comp-stepper-marker-size: 28px;
  --lm-comp-stepper-gap: var(--lm-sys-space-3);
  --lm-comp-chart-height: 280px;
  --lm-comp-chart-grid-thickness: 1px;
  --lm-comp-chart-bar-radius: var(--lm-sys-radius-sm);
  --lm-comp-stat-value-size: var(--lm-sys-font-size-headline);
  --lm-comp-stat-gap: var(--lm-sys-space-2);
  --lm-comp-grid-gap: var(--lm-sys-space-4);
  --lm-comp-stack-gap: var(--lm-sys-space-3);
  --lm-comp-container-max-width: 1200px;
  --lm-comp-container-padding-x: var(--lm-sys-space-6);
  --lm-comp-drawer-width: 340px;
  --lm-comp-appshell-sidebar-width: var(--lm-comp-sidebar-width);
  --lm-comp-appshell-topbar-height: var(--lm-comp-topbar-height);
  --lm-comp-scrollarea-scrollbar-size: 10px;
  --lm-comp-empty-state-padding: var(--lm-sys-space-9);
  --lm-comp-empty-state-icon-size: 48px;
  --lm-comp-popover-radius: var(--lm-sys-radius-lg);
  --lm-comp-popover-padding: 12px 16px;
  --lm-comp-popover-gap: var(--lm-sys-space-2);
  --lm-comp-segmented-radius: var(--lm-sys-radius-full);
  --lm-comp-segmented-height: 36px;
  --lm-comp-segmented-item-padding-x: var(--lm-sys-space-3);
  --lm-comp-timeline-marker-size: 12px;
  --lm-comp-timeline-line-width: 2px;
  --lm-comp-upload-radius: var(--lm-sys-radius-lg);
  --lm-comp-upload-min-height: 120px;
  --lm-comp-palette-radius: var(--lm-sys-radius-xl);
  --lm-comp-palette-max-height: 420px;
  --lm-comp-palette-item-height: 40px;
  --lm-comp-sheet-radius: var(--lm-sys-radius-2xl) var(--lm-sys-radius-2xl) 0 0;
  --lm-comp-sheet-handle-width: 36px;
  --lm-comp-kbd-radius: var(--lm-sys-radius-sm);
  --lm-comp-kbd-padding: 1px 6px;
  --lm-comp-avatar-group-overlap: -10px;
  --lm-comp-rating-gap: var(--lm-sys-space-1);
}

html[data-lm-theme="light"] {
  --lm-sys-color-bg-canvas: var(--lm-ref-color-white);
  --lm-sys-color-bg-surface: var(--lm-ref-color-white);
  --lm-sys-color-bg-raised: var(--lm-ref-color-white);
  --lm-sys-color-bg-sunken: var(--lm-ref-color-zinc-100);
  --lm-sys-color-bg-overlay: rgba(9, 9, 11, 0.45);
  --lm-sys-color-bg-inverse: var(--lm-ref-color-zinc-900);
  --lm-sys-color-bg-disabled: var(--lm-ref-color-zinc-200);
  --lm-sys-color-bg-hover: rgba(9, 9, 11, 0.04);
  --lm-sys-color-bg-active: rgba(9, 9, 11, 0.08);
  --lm-sys-color-bg-selected: var(--lm-ref-color-blue-50);
  --lm-sys-color-fg-primary: var(--lm-ref-color-zinc-900);
  --lm-sys-color-fg-secondary: var(--lm-ref-color-zinc-700);
  --lm-sys-color-fg-tertiary: var(--lm-ref-color-zinc-600);
  --lm-sys-color-fg-muted: var(--lm-ref-color-zinc-600);
  --lm-sys-color-fg-placeholder: var(--lm-ref-color-zinc-500);
  --lm-sys-color-fg-inverse: var(--lm-ref-color-zinc-50);
  --lm-sys-color-fg-disabled: var(--lm-ref-color-zinc-500);
  --lm-sys-color-fg-accent: var(--lm-ref-color-blue-700);
  --lm-sys-color-fg-success: var(--lm-ref-color-green-700);
  --lm-sys-color-fg-warning: var(--lm-ref-color-amber-700);
  --lm-sys-color-fg-danger: var(--lm-ref-color-red-700);
  --lm-sys-color-fg-info: var(--lm-ref-color-purple-700);
  --lm-sys-color-fg-on-accent: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-success: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-warning: var(--lm-ref-color-zinc-950);
  --lm-sys-color-fg-on-danger: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-info: var(--lm-ref-color-white);
  --lm-sys-color-border-subtle: var(--lm-ref-color-zinc-200);
  --lm-sys-color-border-default: var(--lm-ref-color-zinc-300);
  --lm-sys-color-border-strong: var(--lm-ref-color-zinc-500);
  --lm-sys-color-border-focus: var(--lm-ref-color-blue-600);
  --lm-sys-color-border-inverse: rgba(250, 250, 250, 0.24);
  --lm-sys-color-solid-accent: var(--lm-ref-color-blue-600);
  --lm-sys-color-solid-accent-hover: var(--lm-ref-color-blue-700);
  --lm-sys-color-solid-accent-active: var(--lm-ref-color-blue-800);
  --lm-sys-color-solid-success: var(--lm-ref-color-green-700);
  --lm-sys-color-solid-success-hover: var(--lm-ref-color-green-800);
  --lm-sys-color-solid-success-active: var(--lm-ref-color-green-900);
  --lm-sys-color-solid-warning: var(--lm-ref-color-amber-500);
  --lm-sys-color-solid-warning-hover: var(--lm-ref-color-amber-600);
  --lm-sys-color-solid-warning-active: var(--lm-ref-color-amber-700);
  --lm-sys-color-solid-danger: var(--lm-ref-color-red-600);
  --lm-sys-color-solid-danger-hover: var(--lm-ref-color-red-700);
  --lm-sys-color-solid-danger-active: var(--lm-ref-color-red-800);
  --lm-sys-color-solid-info: var(--lm-ref-color-purple-600);
  --lm-sys-color-solid-info-hover: var(--lm-ref-color-purple-700);
  --lm-sys-color-solid-info-active: var(--lm-ref-color-purple-800);
  --lm-sys-color-soft-accent-bg: var(--lm-ref-color-blue-50);
  --lm-sys-color-soft-accent-fg: var(--lm-ref-color-blue-700);
  --lm-sys-color-soft-success-bg: var(--lm-ref-color-green-50);
  --lm-sys-color-soft-success-fg: var(--lm-ref-color-green-700);
  --lm-sys-color-soft-warning-bg: var(--lm-ref-color-amber-50);
  --lm-sys-color-soft-warning-fg: var(--lm-ref-color-amber-700);
  --lm-sys-color-soft-danger-bg: var(--lm-ref-color-red-50);
  --lm-sys-color-soft-danger-fg: var(--lm-ref-color-red-700);
  --lm-sys-color-soft-info-bg: var(--lm-ref-color-purple-50);
  --lm-sys-color-soft-info-fg: var(--lm-ref-color-purple-700);
  --lm-sys-color-soft-neutral-bg: var(--lm-ref-color-zinc-100);
  --lm-sys-color-soft-neutral-fg: var(--lm-ref-color-zinc-700);
  --lm-sys-color-btn-primary: var(--lm-ref-color-blue-600);
  --lm-sys-color-btn-primary-hover: var(--lm-ref-color-blue-700);
  --lm-sys-color-btn-primary-active: var(--lm-ref-color-blue-800);
  --lm-sys-color-btn-secondary: var(--lm-ref-color-teal-600);
  --lm-sys-color-btn-secondary-hover: var(--lm-ref-color-teal-700);
  --lm-sys-color-btn-secondary-active: var(--lm-ref-color-teal-800);
  --lm-sys-color-btn-outline: var(--lm-ref-color-purple-600);
  --lm-sys-color-btn-outline-hover: var(--lm-ref-color-purple-700);
  --lm-sys-color-btn-outline-active: var(--lm-ref-color-purple-800);
  --lm-sys-color-btn-ghost: var(--lm-ref-color-rose-600);
  --lm-sys-color-btn-ghost-hover: var(--lm-ref-color-rose-700);
  --lm-sys-color-btn-ghost-active: var(--lm-ref-color-rose-800);
  --lm-sys-color-btn-subtle: var(--lm-ref-color-amber-600);
  --lm-sys-color-btn-subtle-hover: var(--lm-ref-color-amber-700);
  --lm-sys-color-btn-subtle-active: var(--lm-ref-color-amber-800);
  --lm-sys-color-btn-danger: var(--lm-ref-color-red-600);
  --lm-sys-color-btn-danger-hover: var(--lm-ref-color-red-700);
  --lm-sys-color-btn-danger-active: var(--lm-ref-color-red-800);
  --lm-sys-color-btn-success: var(--lm-ref-color-green-600);
  --lm-sys-color-btn-success-hover: var(--lm-ref-color-green-700);
  --lm-sys-color-btn-success-active: var(--lm-ref-color-green-800);
  --lm-sys-color-btn-link: var(--lm-ref-color-indigo-600);
  --lm-sys-color-btn-link-hover: var(--lm-ref-color-indigo-700);
  --lm-sys-color-btn-link-active: var(--lm-ref-color-indigo-800);
  --lm-sys-color-trend-up: var(--lm-ref-color-red-700);
  --lm-sys-color-trend-down: var(--lm-ref-color-green-700);
  --lm-sys-color-trend-flat: var(--lm-ref-color-zinc-600);
  --lm-sys-color-chart-1: var(--lm-ref-color-blue-600);
  --lm-sys-color-chart-2: #318851;
  --lm-sys-color-chart-3: #C99337;
  --lm-sys-color-chart-4: #855CCB;
  --lm-sys-color-chart-5: #B94949;
  --lm-sys-shadow-none: var(--lm-ref-shadow-none);
  --lm-sys-shadow-sm: var(--lm-ref-shadow-sm);
  --lm-sys-shadow-md: var(--lm-ref-shadow-md);
  --lm-sys-shadow-lg: var(--lm-ref-shadow-lg);
  --lm-sys-shadow-xl: var(--lm-ref-shadow-xl);
  --lm-sys-elevation-1: var(--lm-ref-shadow-sm);
  --lm-sys-elevation-2: var(--lm-ref-shadow-md);
  --lm-sys-elevation-3: var(--lm-ref-shadow-lg);
  --lm-sys-elevation-4: var(--lm-ref-shadow-xl);
  --lm-sys-glass-bg: rgba(255, 255, 255, 1);
  --lm-sys-glass-border: #E4E4E7;
  --lm-sys-glass-highlight: rgba(255, 255, 255, 1);
  --lm-sys-glass-highlight-hover: rgba(255, 255, 255, 1);
  --lm-sys-glass-shadow: var(--lm-ref-shadow-sm);
  --lm-sys-glass-blur: 0px;
}

html[data-lm-theme="dark"] {
  --lm-sys-color-bg-canvas: var(--lm-ref-color-zinc-950);
  --lm-sys-color-bg-surface: var(--lm-ref-color-zinc-900);
  --lm-sys-color-bg-raised: var(--lm-ref-color-zinc-800);
  --lm-sys-color-bg-sunken: var(--lm-ref-color-black);
  --lm-sys-color-bg-overlay: rgba(9, 9, 11, 0.66);
  --lm-sys-color-bg-inverse: var(--lm-ref-color-zinc-50);
  --lm-sys-color-bg-disabled: var(--lm-ref-color-zinc-800);
  --lm-sys-color-bg-hover: rgba(250, 250, 250, 0.06);
  --lm-sys-color-bg-active: rgba(250, 250, 250, 0.12);
  --lm-sys-color-bg-selected: var(--lm-ref-color-blue-950);
  --lm-sys-color-fg-primary: var(--lm-ref-color-zinc-50);
  --lm-sys-color-fg-secondary: var(--lm-ref-color-zinc-300);
  --lm-sys-color-fg-tertiary: var(--lm-ref-color-zinc-400);
  --lm-sys-color-fg-muted: var(--lm-ref-color-zinc-400);
  --lm-sys-color-fg-placeholder: var(--lm-ref-color-zinc-400);
  --lm-sys-color-fg-inverse: var(--lm-ref-color-zinc-950);
  --lm-sys-color-fg-disabled: var(--lm-ref-color-zinc-500);
  --lm-sys-color-fg-accent: var(--lm-ref-color-blue-400);
  --lm-sys-color-fg-success: var(--lm-ref-color-green-400);
  --lm-sys-color-fg-warning: var(--lm-ref-color-amber-400);
  --lm-sys-color-fg-danger: var(--lm-ref-color-red-400);
  --lm-sys-color-fg-info: var(--lm-ref-color-purple-400);
  --lm-sys-color-fg-on-accent: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-success: var(--lm-ref-color-zinc-950);
  --lm-sys-color-fg-on-warning: var(--lm-ref-color-zinc-950);
  --lm-sys-color-fg-on-danger: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-info: var(--lm-ref-color-white);
  --lm-sys-color-border-subtle: var(--lm-ref-color-zinc-800);
  --lm-sys-color-border-default: var(--lm-ref-color-zinc-700);
  --lm-sys-color-border-strong: var(--lm-ref-color-zinc-500);
  --lm-sys-color-border-focus: var(--lm-ref-color-blue-400);
  --lm-sys-color-border-inverse: rgba(9, 9, 11, 0.32);
  --lm-sys-color-solid-accent: var(--lm-ref-color-blue-600);
  --lm-sys-color-solid-accent-hover: var(--lm-ref-color-blue-700);
  --lm-sys-color-solid-accent-active: var(--lm-ref-color-blue-800);
  --lm-sys-color-solid-success: var(--lm-ref-color-green-600);
  --lm-sys-color-solid-success-hover: var(--lm-ref-color-green-500);
  --lm-sys-color-solid-success-active: var(--lm-ref-color-green-400);
  --lm-sys-color-solid-warning: var(--lm-ref-color-amber-500);
  --lm-sys-color-solid-warning-hover: var(--lm-ref-color-amber-400);
  --lm-sys-color-solid-warning-active: var(--lm-ref-color-amber-300);
  --lm-sys-color-solid-danger: var(--lm-ref-color-red-600);
  --lm-sys-color-solid-danger-hover: var(--lm-ref-color-red-700);
  --lm-sys-color-solid-danger-active: var(--lm-ref-color-red-800);
  --lm-sys-color-solid-info: var(--lm-ref-color-purple-600);
  --lm-sys-color-solid-info-hover: var(--lm-ref-color-purple-700);
  --lm-sys-color-solid-info-active: var(--lm-ref-color-purple-800);
  --lm-sys-color-soft-accent-bg: var(--lm-ref-color-blue-950);
  --lm-sys-color-soft-accent-fg: var(--lm-ref-color-blue-300);
  --lm-sys-color-soft-success-bg: var(--lm-ref-color-green-950);
  --lm-sys-color-soft-success-fg: var(--lm-ref-color-green-300);
  --lm-sys-color-soft-warning-bg: var(--lm-ref-color-amber-950);
  --lm-sys-color-soft-warning-fg: var(--lm-ref-color-amber-300);
  --lm-sys-color-soft-danger-bg: var(--lm-ref-color-red-950);
  --lm-sys-color-soft-danger-fg: var(--lm-ref-color-red-300);
  --lm-sys-color-soft-info-bg: var(--lm-ref-color-purple-950);
  --lm-sys-color-soft-info-fg: var(--lm-ref-color-purple-300);
  --lm-sys-color-soft-neutral-bg: var(--lm-ref-color-zinc-800);
  --lm-sys-color-soft-neutral-fg: var(--lm-ref-color-zinc-200);
  --lm-sys-color-btn-primary: var(--lm-ref-color-blue-600);
  --lm-sys-color-btn-primary-hover: var(--lm-ref-color-blue-500);
  --lm-sys-color-btn-primary-active: var(--lm-ref-color-blue-400);
  --lm-sys-color-btn-secondary: var(--lm-ref-color-teal-600);
  --lm-sys-color-btn-secondary-hover: var(--lm-ref-color-teal-500);
  --lm-sys-color-btn-secondary-active: var(--lm-ref-color-teal-400);
  --lm-sys-color-btn-outline: var(--lm-ref-color-purple-400);
  --lm-sys-color-btn-outline-hover: var(--lm-ref-color-purple-300);
  --lm-sys-color-btn-outline-active: var(--lm-ref-color-purple-200);
  --lm-sys-color-btn-ghost: var(--lm-ref-color-rose-400);
  --lm-sys-color-btn-ghost-hover: var(--lm-ref-color-rose-300);
  --lm-sys-color-btn-ghost-active: var(--lm-ref-color-rose-200);
  --lm-sys-color-btn-subtle: var(--lm-ref-color-amber-400);
  --lm-sys-color-btn-subtle-hover: var(--lm-ref-color-amber-300);
  --lm-sys-color-btn-subtle-active: var(--lm-ref-color-amber-200);
  --lm-sys-color-btn-danger: var(--lm-ref-color-red-600);
  --lm-sys-color-btn-danger-hover: var(--lm-ref-color-red-500);
  --lm-sys-color-btn-danger-active: var(--lm-ref-color-red-400);
  --lm-sys-color-btn-success: var(--lm-ref-color-green-600);
  --lm-sys-color-btn-success-hover: var(--lm-ref-color-green-500);
  --lm-sys-color-btn-success-active: var(--lm-ref-color-green-400);
  --lm-sys-color-btn-link: var(--lm-ref-color-indigo-400);
  --lm-sys-color-btn-link-hover: var(--lm-ref-color-indigo-300);
  --lm-sys-color-btn-link-active: var(--lm-ref-color-indigo-200);
  --lm-sys-color-trend-up: var(--lm-ref-color-red-400);
  --lm-sys-color-trend-down: var(--lm-ref-color-green-400);
  --lm-sys-color-trend-flat: var(--lm-ref-color-zinc-400);
  --lm-sys-color-chart-1: var(--lm-ref-color-blue-400);
  --lm-sys-color-chart-2: #63C587;
  --lm-sys-color-chart-3: #D6AF49;
  --lm-sys-color-chart-4: #C098E8;
  --lm-sys-color-chart-5: #E18888;
  --lm-sys-shadow-none: var(--lm-ref-shadow-none);
  --lm-sys-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --lm-sys-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.4), 0 8px 16px rgba(0, 0, 0, 0.36);
  --lm-sys-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.44), 0 16px 32px rgba(0, 0, 0, 0.4);
  --lm-sys-shadow-xl: 0 8px 16px rgba(0, 0, 0, 0.48), 0 32px 64px rgba(0, 0, 0, 0.44);
  --lm-sys-elevation-1: var(--lm-sys-shadow-sm);
  --lm-sys-elevation-2: var(--lm-sys-shadow-md);
  --lm-sys-elevation-3: var(--lm-sys-shadow-lg);
  --lm-sys-elevation-4: var(--lm-sys-shadow-xl);
  --lm-sys-glass-bg: rgba(24, 24, 27, 1);
  --lm-sys-glass-border: #3F3F46;
  --lm-sys-glass-highlight: rgba(24, 24, 27, 1);
  --lm-sys-glass-highlight-hover: rgba(24, 24, 27, 1);
  --lm-sys-glass-shadow: var(--lm-ref-shadow-sm);
  --lm-sys-glass-blur: 0px;
}

html[data-lm-theme="high-contrast"] {
  --lm-sys-color-bg-canvas: var(--lm-ref-color-white);
  --lm-sys-color-bg-surface: var(--lm-ref-color-white);
  --lm-sys-color-bg-raised: var(--lm-ref-color-white);
  --lm-sys-color-bg-sunken: var(--lm-ref-color-white);
  --lm-sys-color-bg-overlay: rgba(0, 0, 0, 0.86);
  --lm-sys-color-bg-inverse: var(--lm-ref-color-black);
  --lm-sys-color-bg-disabled: var(--lm-ref-color-zinc-200);
  --lm-sys-color-bg-hover: rgba(0, 0, 0, 0.08);
  --lm-sys-color-bg-active: rgba(0, 0, 0, 0.16);
  --lm-sys-color-bg-selected: var(--lm-ref-color-black);
  --lm-sys-color-fg-primary: var(--lm-ref-color-black);
  --lm-sys-color-fg-secondary: var(--lm-ref-color-zinc-900);
  --lm-sys-color-fg-tertiary: var(--lm-ref-color-zinc-800);
  --lm-sys-color-fg-muted: var(--lm-ref-color-zinc-800);
  --lm-sys-color-fg-placeholder: var(--lm-ref-color-zinc-700);
  --lm-sys-color-fg-inverse: var(--lm-ref-color-white);
  --lm-sys-color-fg-disabled: var(--lm-ref-color-zinc-700);
  --lm-sys-color-fg-accent: var(--lm-ref-color-blue-800);
  --lm-sys-color-fg-success: var(--lm-ref-color-green-800);
  --lm-sys-color-fg-warning: var(--lm-ref-color-amber-800);
  --lm-sys-color-fg-danger: var(--lm-ref-color-red-800);
  --lm-sys-color-fg-info: var(--lm-ref-color-purple-800);
  --lm-sys-color-fg-on-accent: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-success: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-warning: var(--lm-ref-color-zinc-950);
  --lm-sys-color-fg-on-danger: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-info: var(--lm-ref-color-white);
  --lm-sys-color-border-subtle: var(--lm-ref-color-zinc-700);
  --lm-sys-color-border-default: var(--lm-ref-color-zinc-900);
  --lm-sys-color-border-strong: var(--lm-ref-color-black);
  --lm-sys-color-border-focus: var(--lm-ref-color-blue-700);
  --lm-sys-color-border-inverse: var(--lm-ref-color-white);
  --lm-sys-color-solid-accent: var(--lm-ref-color-blue-700);
  --lm-sys-color-solid-accent-hover: var(--lm-ref-color-blue-800);
  --lm-sys-color-solid-accent-active: var(--lm-ref-color-blue-900);
  --lm-sys-color-solid-success: var(--lm-ref-color-green-800);
  --lm-sys-color-solid-success-hover: var(--lm-ref-color-green-900);
  --lm-sys-color-solid-success-active: var(--lm-ref-color-green-950);
  --lm-sys-color-solid-warning: var(--lm-ref-color-amber-500);
  --lm-sys-color-solid-warning-hover: var(--lm-ref-color-amber-600);
  --lm-sys-color-solid-warning-active: var(--lm-ref-color-amber-700);
  --lm-sys-color-solid-danger: var(--lm-ref-color-red-700);
  --lm-sys-color-solid-danger-hover: var(--lm-ref-color-red-800);
  --lm-sys-color-solid-danger-active: var(--lm-ref-color-red-900);
  --lm-sys-color-solid-info: var(--lm-ref-color-purple-800);
  --lm-sys-color-solid-info-hover: var(--lm-ref-color-purple-900);
  --lm-sys-color-solid-info-active: var(--lm-ref-color-purple-950);
  --lm-sys-color-soft-accent-bg: var(--lm-ref-color-white);
  --lm-sys-color-soft-accent-fg: var(--lm-ref-color-blue-800);
  --lm-sys-color-soft-success-bg: var(--lm-ref-color-white);
  --lm-sys-color-soft-success-fg: var(--lm-ref-color-green-800);
  --lm-sys-color-soft-warning-bg: var(--lm-ref-color-white);
  --lm-sys-color-soft-warning-fg: var(--lm-ref-color-amber-800);
  --lm-sys-color-soft-danger-bg: var(--lm-ref-color-white);
  --lm-sys-color-soft-danger-fg: var(--lm-ref-color-red-800);
  --lm-sys-color-soft-info-bg: var(--lm-ref-color-white);
  --lm-sys-color-soft-info-fg: var(--lm-ref-color-purple-800);
  --lm-sys-color-soft-neutral-bg: var(--lm-ref-color-white);
  --lm-sys-color-soft-neutral-fg: var(--lm-ref-color-zinc-900);
  --lm-sys-color-btn-primary: var(--lm-ref-color-blue-700);
  --lm-sys-color-btn-primary-hover: var(--lm-ref-color-blue-800);
  --lm-sys-color-btn-primary-active: var(--lm-ref-color-blue-900);
  --lm-sys-color-btn-secondary: var(--lm-ref-color-teal-700);
  --lm-sys-color-btn-secondary-hover: var(--lm-ref-color-teal-800);
  --lm-sys-color-btn-secondary-active: var(--lm-ref-color-teal-900);
  --lm-sys-color-btn-outline: var(--lm-ref-color-purple-800);
  --lm-sys-color-btn-outline-hover: var(--lm-ref-color-purple-900);
  --lm-sys-color-btn-outline-active: var(--lm-ref-color-purple-950);
  --lm-sys-color-btn-ghost: var(--lm-ref-color-rose-800);
  --lm-sys-color-btn-ghost-hover: var(--lm-ref-color-rose-900);
  --lm-sys-color-btn-ghost-active: var(--lm-ref-color-rose-950);
  --lm-sys-color-btn-subtle: var(--lm-ref-color-amber-800);
  --lm-sys-color-btn-subtle-hover: var(--lm-ref-color-amber-900);
  --lm-sys-color-btn-subtle-active: var(--lm-ref-color-amber-950);
  --lm-sys-color-btn-danger: var(--lm-ref-color-red-700);
  --lm-sys-color-btn-danger-hover: var(--lm-ref-color-red-800);
  --lm-sys-color-btn-danger-active: var(--lm-ref-color-red-900);
  --lm-sys-color-btn-success: var(--lm-ref-color-green-700);
  --lm-sys-color-btn-success-hover: var(--lm-ref-color-green-800);
  --lm-sys-color-btn-success-active: var(--lm-ref-color-green-900);
  --lm-sys-color-btn-link: var(--lm-ref-color-indigo-800);
  --lm-sys-color-btn-link-hover: var(--lm-ref-color-indigo-900);
  --lm-sys-color-btn-link-active: var(--lm-ref-color-indigo-950);
  --lm-sys-color-trend-up: var(--lm-ref-color-red-800);
  --lm-sys-color-trend-down: var(--lm-ref-color-green-800);
  --lm-sys-color-trend-flat: var(--lm-ref-color-zinc-800);
  --lm-sys-color-chart-1: var(--lm-ref-color-blue-800);
  --lm-sys-color-chart-2: #1E5C38;
  --lm-sys-color-chart-3: #8A5F13;
  --lm-sys-color-chart-4: #5B3A8F;
  --lm-sys-color-chart-5: #8F2222;
  --lm-sys-shadow-none: none;
  --lm-sys-shadow-sm: 0 0 0 1px rgba(0, 0, 0, 0.9);
  --lm-sys-shadow-md: 0 0 0 1px rgba(0, 0, 0, 0.9), 0 2px 8px rgba(0, 0, 0, 0.35);
  --lm-sys-shadow-lg: 0 0 0 1px rgba(0, 0, 0, 0.9), 0 4px 16px rgba(0, 0, 0, 0.4);
  --lm-sys-shadow-xl: 0 0 0 2px rgba(0, 0, 0, 0.9), 0 8px 24px rgba(0, 0, 0, 0.45);
  --lm-sys-elevation-1: var(--lm-sys-shadow-sm);
  --lm-sys-elevation-2: var(--lm-sys-shadow-md);
  --lm-sys-elevation-3: var(--lm-sys-shadow-lg);
  --lm-sys-elevation-4: var(--lm-sys-shadow-xl);
  --lm-sys-glass-bg: rgba(255, 255, 255, 1);
  --lm-sys-glass-border: #000000;
  --lm-sys-glass-highlight: rgba(255, 255, 255, 1);
  --lm-sys-glass-highlight-hover: rgba(255, 255, 255, 1);
  --lm-sys-glass-shadow: var(--lm-ref-shadow-sm);
  --lm-sys-glass-blur: 0px;
}

html:not([data-lm-theme]) {
  --lm-sys-color-bg-canvas: var(--lm-ref-color-white);
  --lm-sys-color-bg-surface: var(--lm-ref-color-white);
  --lm-sys-color-bg-raised: var(--lm-ref-color-white);
  --lm-sys-color-bg-sunken: var(--lm-ref-color-zinc-100);
  --lm-sys-color-bg-overlay: rgba(9, 9, 11, 0.45);
  --lm-sys-color-bg-inverse: var(--lm-ref-color-zinc-900);
  --lm-sys-color-bg-disabled: var(--lm-ref-color-zinc-200);
  --lm-sys-color-bg-hover: rgba(9, 9, 11, 0.04);
  --lm-sys-color-bg-active: rgba(9, 9, 11, 0.08);
  --lm-sys-color-bg-selected: var(--lm-ref-color-blue-50);
  --lm-sys-color-fg-primary: var(--lm-ref-color-zinc-900);
  --lm-sys-color-fg-secondary: var(--lm-ref-color-zinc-700);
  --lm-sys-color-fg-tertiary: var(--lm-ref-color-zinc-600);
  --lm-sys-color-fg-muted: var(--lm-ref-color-zinc-600);
  --lm-sys-color-fg-placeholder: var(--lm-ref-color-zinc-500);
  --lm-sys-color-fg-inverse: var(--lm-ref-color-zinc-50);
  --lm-sys-color-fg-disabled: var(--lm-ref-color-zinc-500);
  --lm-sys-color-fg-accent: var(--lm-ref-color-blue-700);
  --lm-sys-color-fg-success: var(--lm-ref-color-green-700);
  --lm-sys-color-fg-warning: var(--lm-ref-color-amber-700);
  --lm-sys-color-fg-danger: var(--lm-ref-color-red-700);
  --lm-sys-color-fg-info: var(--lm-ref-color-purple-700);
  --lm-sys-color-fg-on-accent: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-success: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-warning: var(--lm-ref-color-zinc-950);
  --lm-sys-color-fg-on-danger: var(--lm-ref-color-white);
  --lm-sys-color-fg-on-info: var(--lm-ref-color-white);
  --lm-sys-color-border-subtle: var(--lm-ref-color-zinc-200);
  --lm-sys-color-border-default: var(--lm-ref-color-zinc-300);
  --lm-sys-color-border-strong: var(--lm-ref-color-zinc-500);
  --lm-sys-color-border-focus: var(--lm-ref-color-blue-600);
  --lm-sys-color-border-inverse: rgba(250, 250, 250, 0.24);
  --lm-sys-color-solid-accent: var(--lm-ref-color-blue-600);
  --lm-sys-color-solid-accent-hover: var(--lm-ref-color-blue-700);
  --lm-sys-color-solid-accent-active: var(--lm-ref-color-blue-800);
  --lm-sys-color-solid-success: var(--lm-ref-color-green-700);
  --lm-sys-color-solid-success-hover: var(--lm-ref-color-green-800);
  --lm-sys-color-solid-success-active: var(--lm-ref-color-green-900);
  --lm-sys-color-solid-warning: var(--lm-ref-color-amber-500);
  --lm-sys-color-solid-warning-hover: var(--lm-ref-color-amber-600);
  --lm-sys-color-solid-warning-active: var(--lm-ref-color-amber-700);
  --lm-sys-color-solid-danger: var(--lm-ref-color-red-600);
  --lm-sys-color-solid-danger-hover: var(--lm-ref-color-red-700);
  --lm-sys-color-solid-danger-active: var(--lm-ref-color-red-800);
  --lm-sys-color-solid-info: var(--lm-ref-color-purple-600);
  --lm-sys-color-solid-info-hover: var(--lm-ref-color-purple-700);
  --lm-sys-color-solid-info-active: var(--lm-ref-color-purple-800);
  --lm-sys-color-soft-accent-bg: var(--lm-ref-color-blue-50);
  --lm-sys-color-soft-accent-fg: var(--lm-ref-color-blue-700);
  --lm-sys-color-soft-success-bg: var(--lm-ref-color-green-50);
  --lm-sys-color-soft-success-fg: var(--lm-ref-color-green-700);
  --lm-sys-color-soft-warning-bg: var(--lm-ref-color-amber-50);
  --lm-sys-color-soft-warning-fg: var(--lm-ref-color-amber-700);
  --lm-sys-color-soft-danger-bg: var(--lm-ref-color-red-50);
  --lm-sys-color-soft-danger-fg: var(--lm-ref-color-red-700);
  --lm-sys-color-soft-info-bg: var(--lm-ref-color-purple-50);
  --lm-sys-color-soft-info-fg: var(--lm-ref-color-purple-700);
  --lm-sys-color-soft-neutral-bg: var(--lm-ref-color-zinc-100);
  --lm-sys-color-soft-neutral-fg: var(--lm-ref-color-zinc-700);
  --lm-sys-color-btn-primary: var(--lm-ref-color-blue-600);
  --lm-sys-color-btn-primary-hover: var(--lm-ref-color-blue-700);
  --lm-sys-color-btn-primary-active: var(--lm-ref-color-blue-800);
  --lm-sys-color-btn-secondary: var(--lm-ref-color-teal-600);
  --lm-sys-color-btn-secondary-hover: var(--lm-ref-color-teal-700);
  --lm-sys-color-btn-secondary-active: var(--lm-ref-color-teal-800);
  --lm-sys-color-btn-outline: var(--lm-ref-color-purple-600);
  --lm-sys-color-btn-outline-hover: var(--lm-ref-color-purple-700);
  --lm-sys-color-btn-outline-active: var(--lm-ref-color-purple-800);
  --lm-sys-color-btn-ghost: var(--lm-ref-color-rose-600);
  --lm-sys-color-btn-ghost-hover: var(--lm-ref-color-rose-700);
  --lm-sys-color-btn-ghost-active: var(--lm-ref-color-rose-800);
  --lm-sys-color-btn-subtle: var(--lm-ref-color-amber-600);
  --lm-sys-color-btn-subtle-hover: var(--lm-ref-color-amber-700);
  --lm-sys-color-btn-subtle-active: var(--lm-ref-color-amber-800);
  --lm-sys-color-btn-danger: var(--lm-ref-color-red-600);
  --lm-sys-color-btn-danger-hover: var(--lm-ref-color-red-700);
  --lm-sys-color-btn-danger-active: var(--lm-ref-color-red-800);
  --lm-sys-color-btn-success: var(--lm-ref-color-green-600);
  --lm-sys-color-btn-success-hover: var(--lm-ref-color-green-700);
  --lm-sys-color-btn-success-active: var(--lm-ref-color-green-800);
  --lm-sys-color-btn-link: var(--lm-ref-color-indigo-600);
  --lm-sys-color-btn-link-hover: var(--lm-ref-color-indigo-700);
  --lm-sys-color-btn-link-active: var(--lm-ref-color-indigo-800);
  --lm-sys-color-trend-up: var(--lm-ref-color-red-700);
  --lm-sys-color-trend-down: var(--lm-ref-color-green-700);
  --lm-sys-color-trend-flat: var(--lm-ref-color-zinc-600);
  --lm-sys-color-chart-1: var(--lm-ref-color-blue-600);
  --lm-sys-color-chart-2: #318851;
  --lm-sys-color-chart-3: #C99337;
  --lm-sys-color-chart-4: #855CCB;
  --lm-sys-color-chart-5: #B94949;
  --lm-sys-shadow-none: var(--lm-ref-shadow-none);
  --lm-sys-shadow-sm: var(--lm-ref-shadow-sm);
  --lm-sys-shadow-md: var(--lm-ref-shadow-md);
  --lm-sys-shadow-lg: var(--lm-ref-shadow-lg);
  --lm-sys-shadow-xl: var(--lm-ref-shadow-xl);
  --lm-sys-elevation-1: var(--lm-ref-shadow-sm);
  --lm-sys-elevation-2: var(--lm-ref-shadow-md);
  --lm-sys-elevation-3: var(--lm-ref-shadow-lg);
  --lm-sys-elevation-4: var(--lm-ref-shadow-xl);
  --lm-sys-glass-bg: rgba(255, 255, 255, 1);
  --lm-sys-glass-border: #E4E4E7;
  --lm-sys-glass-highlight: rgba(255, 255, 255, 1);
  --lm-sys-glass-highlight-hover: rgba(255, 255, 255, 1);
  --lm-sys-glass-shadow: var(--lm-ref-shadow-sm);
  --lm-sys-glass-blur: 0px;
}

html[data-lm-density="compact"] {
  --lm-comp-control-height-sm: 28px;
  --lm-comp-control-height-md: 34px;
  --lm-comp-control-height-lg: 40px;
  --lm-comp-control-padding-x-sm: var(--lm-sys-space-2);
  --lm-comp-control-padding-x-md: var(--lm-sys-space-3);
  --lm-comp-control-padding-x-lg: var(--lm-sys-space-4);
  --lm-comp-button-height-sm: var(--lm-comp-control-height-sm);
  --lm-comp-button-height-md: var(--lm-comp-control-height-md);
  --lm-comp-button-height-lg: var(--lm-comp-control-height-lg);
  --lm-comp-button-padding-x-sm: var(--lm-comp-control-padding-x-sm);
  --lm-comp-button-padding-x-md: var(--lm-comp-control-padding-x-md);
  --lm-comp-button-padding-x-lg: var(--lm-comp-control-padding-x-lg);
  --lm-comp-input-height-sm: var(--lm-comp-control-height-sm);
  --lm-comp-input-height-md: var(--lm-comp-control-height-md);
  --lm-comp-input-height-lg: var(--lm-comp-control-height-lg);
  --lm-comp-card-padding: var(--lm-sys-space-4);
  --lm-comp-panel-padding: var(--lm-sys-space-4);
  --lm-comp-table-row-height: 40px;
  --lm-comp-table-cell-padding-y: var(--lm-sys-space-2);
  --lm-comp-sidebar-width: 232px;
  --lm-comp-topbar-height: 52px;
  --lm-comp-topbar-padding-x: var(--lm-sys-space-4);
  --lm-comp-modal-padding: var(--lm-sys-space-5);
  --lm-comp-toast-padding: var(--lm-sys-space-3);
  --lm-comp-grid-gap: var(--lm-sys-space-3);
  --lm-comp-stack-gap: var(--lm-sys-space-2);
  --lm-comp-menu-item-height: 32px;
  --lm-comp-accordion-trigger-height: 40px;
  --lm-comp-textarea-min-height: 72px;
  --lm-comp-empty-state-padding: var(--lm-sys-space-7);
  --lm-comp-popover-padding: 8px 12px;
  --lm-comp-segmented-height: 32px;
  --lm-comp-upload-min-height: 96px;
  --lm-comp-palette-max-height: 360px;
  --lm-comp-palette-item-height: 34px;
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-lm-reduce-motion="never"]) {
    --lm-sys-duration-fast: 0.01ms;
    --lm-sys-duration-base: 0.01ms;
    --lm-sys-duration-slow: 0.01ms;
    --lm-sys-duration-slower: 0.01ms;
  }
}

html[data-lm-reduce-motion="always"] {
  --lm-sys-duration-fast: 0.01ms;
  --lm-sys-duration-base: 0.01ms;
  --lm-sys-duration-slow: 0.01ms;
  --lm-sys-duration-slower: 0.01ms;
}
