/*
 * tokens.css — 自动生成，禁止手动编辑
 * 源文件: shared/design-tokens.json
 * 重新生成: node scripts/build-tokens.mjs
 */

:root {
    --token-color-ink-0: #FFFFFF;
    --token-color-ink-50: #FAFAFA;
    --token-color-ink-100: #F4F4F5;
    --token-color-ink-200: #E4E4E7;
    --token-color-ink-300: #D4D4D8;
    --token-color-ink-400: #A1A1AA;
    --token-color-ink-500: #71717A;
    --token-color-ink-600: #52525B;
    --token-color-ink-700: #3F3F46;
    --token-color-ink-800: #27272A;
    --token-color-ink-900: #18181B;
    --token-color-ink-950: #09090B;
    --token-color-brand-50: #EBF1FF;
    --token-color-brand-100: #D6E3FF;
    --token-color-brand-200: #ADCBFF;
    --token-color-brand-300: #85B0FF;
    --token-color-brand-400: #5C90FF;
    --token-color-brand-500: #3370FF;
    --token-color-brand-600: #2860E1;
    --token-color-brand-700: #1E4DC4;
    --token-color-brand-800: #153BA7;
    --token-color-brand-900: #0D2A8A;
    --token-color-success-50: #F0FDF4;
    --token-color-success-500: #16A34A;
    --token-color-success-600: #15803D;
    --token-color-warning-50: #FFFBEB;
    --token-color-warning-500: #D97706;
    --token-color-warning-600: #B45309;
    --token-color-danger-50: #FEF2F2;
    --token-color-danger-500: #DC2626;
    --token-color-danger-600: #B91C1C;
    --token-color-ai-50: #F5EEFB;
    --token-color-ai-500: #9B59B6;
    --token-color-ai-600: #8E44AD;
    --token-color-dark-surface: #111113;
    --token-color-dark-surface2: #1A1A1D;
    --token-color-dark-surface3: #222225;
    --token-color-dark-surface4: #2A2A2E;
    --token-color-dark-border: #2E2E32;
    --token-color-dark-border2: #3A3A40;
    --token-color-dark-text1: #EDEDEF;
    --token-color-dark-text2: #B4B4BB;
    --token-color-dark-text3: #7E7E8A;
    --token-color-dark-brand: #5C90FF;
    --token-color-dark-brandHover: #4A7FEE;
    --token-color-dark-successFg: #34D399;
    --token-color-dark-warningFg: #FBBF24;
    --token-color-dark-dangerFg: #F87171;
    --token-color-dark-aiFg: #C084FC;
    --token-spacing-1: 4px;
    --token-spacing-2: 8px;
    --token-spacing-3: 12px;
    --token-spacing-4: 16px;
    --token-spacing-5: 20px;
    --token-spacing-6: 24px;
    --token-spacing-7: 28px;
    --token-spacing-8: 32px;
    --token-spacing-10: 40px;
    --token-spacing-12: 48px;
    --token-spacing-16: 64px;
    --token-radius-xs: 4px;
    --token-radius-sm: 6px;
    --token-radius-md: 10px;
    --token-radius-lg: 14px;
    --token-radius-xl: 20px;
    --token-radius-full: 9999px;
    --token-typography-xs-size: 11px;
    --token-typography-xs-line-height: 16px;
    --token-typography-sm-size: 12px;
    --token-typography-sm-line-height: 18px;
    --token-typography-base-size: 13px;
    --token-typography-base-line-height: 20px;
    --token-typography-md-size: 14px;
    --token-typography-md-line-height: 22px;
    --token-typography-lg-size: 15px;
    --token-typography-lg-line-height: 24px;
    --token-typography-xl-size: 17px;
    --token-typography-xl-line-height: 26px;
    --token-typography-2xl-size: 20px;
    --token-typography-2xl-line-height: 28px;
    --token-typography-3xl-size: 24px;
    --token-typography-3xl-line-height: 32px;
    --token-shadow-xs: 0 1px 2px rgba(9, 9, 11, 0.04);
    --token-shadow-sm: 0 1px 3px rgba(9, 9, 11, 0.06), 0 1px 2px rgba(9, 9, 11, 0.04);
    --token-shadow-md: 0 4px 12px rgba(9, 9, 11, 0.07), 0 2px 4px rgba(9, 9, 11, 0.04);
    --token-shadow-lg: 0 10px 30px rgba(9, 9, 11, 0.08), 0 4px 10px rgba(9, 9, 11, 0.05);
    --token-shadow-xl: 0 20px 50px rgba(9, 9, 11, 0.10), 0 8px 20px rgba(9, 9, 11, 0.06);
    --token-motion-fast: 120ms cubic-bezier(0.2, 0, 0, 1);
    --token-motion-standard: 200ms cubic-bezier(0.2, 0, 0, 1);
    --token-motion-emphasized: 320ms cubic-bezier(0.2, 0, 0, 1);
    --token-motion-spring: 280ms cubic-bezier(0.34, 1.56, 0.64, 1);
    --token-motion-elastic: 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] {
    --token-color-ink-0:   #111113;
    --token-color-ink-50:  #1A1A1D;
    --token-color-ink-100: #222225;
    --token-color-ink-200: #2E2E32;
    --token-color-ink-300: #3A3A40;
    --token-color-ink-400: #7E7E8A;
    --token-color-ink-500: #B4B4BB;
    --token-color-ink-700: #B4B4BB;
    --token-color-ink-900: #EDEDEF;
    --token-color-ink-950: #EDEDEF;
    --token-color-brand-500: #5C90FF;
    --token-color-brand-600: #4A7FEE;
    --token-color-success-500: #34D399;
    --token-color-warning-500: #FBBF24;
    --token-color-danger-500:  #F87171;
    --token-color-ai-500:      #C084FC;
    --token-shadow-sm: 0 1px 3px rgba(0,0,0,0.18), 0 1px 2px rgba(0,0,0,0.12);
    --token-shadow-md: 0 4px 12px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.15);
    --token-shadow-lg: 0 10px 30px rgba(0,0,0,0.30), 0 4px 10px rgba(0,0,0,0.20);
}