/* Token咖啡 设计令牌 —— 自动生成，请勿手改；源文件 tokens/tokens.json */
/* 默认浅色。深色：<html data-theme="dark">；跟随系统：<html data-theme="auto"> */
:root {
  --tk-color-primary-50: #EEF0FF;
  --tk-color-primary-100: #E0E4FF;
  --tk-color-primary-200: #C3CAFE;
  --tk-color-primary-300: #9CA6FB;
  --tk-color-primary-400: #7480F4;
  --tk-color-primary-500: #5361EA;
  --tk-color-primary-600: #3B46D4;
  --tk-color-primary-700: #2F38AE;
  --tk-color-primary-800: #28308A;
  --tk-color-primary-900: #212866;
  --tk-color-primary-950: #151940;
  --tk-color-neutral-0: #FFFFFF;
  --tk-color-neutral-50: #F7F7F9;
  --tk-color-neutral-100: #EFF0F3;
  --tk-color-neutral-200: #E3E4EA;
  --tk-color-neutral-300: #CDCFD7;
  --tk-color-neutral-400: #8C90A0;
  --tk-color-neutral-500: #636878;
  --tk-color-neutral-600: #525666;
  --tk-color-neutral-700: #3C404E;
  --tk-color-neutral-800: #262935;
  --tk-color-neutral-900: #171922;
  --tk-color-neutral-950: #0C0D13;
  --tk-color-coffee-50: #FBF5EF;
  --tk-color-coffee-100: #F4E6D8;
  --tk-color-coffee-200: #EACDB3;
  --tk-color-coffee-300: #DCAE86;
  --tk-color-coffee-400: #C68A5A;
  --tk-color-coffee-500: #A8693C;
  --tk-color-coffee-600: #8B522B;
  --tk-color-coffee-700: #6E4022;
  --tk-color-coffee-800: #523019;
  --tk-color-coffee-900: #3A2416;
  --tk-color-success-50: #E9F7F0;
  --tk-color-success-100: #CDEEDD;
  --tk-color-success-300: #6FD3A6;
  --tk-color-success-500: #1A9A6C;
  --tk-color-success-600: #11805A;
  --tk-color-success-700: #0B6948;
  --tk-color-success-900: #0B3324;
  --tk-color-warning-50: #FFF5E6;
  --tk-color-warning-100: #FFE6BF;
  --tk-color-warning-300: #F7B955;
  --tk-color-warning-500: #D97706;
  --tk-color-warning-600: #B45309;
  --tk-color-warning-700: #93400A;
  --tk-color-warning-900: #422006;
  --tk-color-danger-50: #FDEDEC;
  --tk-color-danger-100: #FAD4D1;
  --tk-color-danger-300: #F59A94;
  --tk-color-danger-500: #E5484D;
  --tk-color-danger-600: #D12C2C;
  --tk-color-danger-700: #AE2222;
  --tk-color-danger-900: #4A1212;
  --tk-color-pay-wechat: #07C160;
  --tk-color-pay-alipay: #1677FF;
  --tk-color-chart-1: #3B46D4;
  --tk-color-chart-2: #A8693C;
  --tk-color-chart-3: #0F7B8A;
  --tk-color-chart-4: #8C90A0;
  --tk-color-chart-5: #B45309;
  --tk-text-primary: var(--tk-color-neutral-900);
  --tk-text-secondary: var(--tk-color-neutral-600);
  --tk-text-tertiary: var(--tk-color-neutral-500);
  --tk-text-disabled: var(--tk-color-neutral-400);
  --tk-text-inverse: var(--tk-color-neutral-0);
  --tk-text-on-brand: var(--tk-color-neutral-0);
  --tk-text-brand: var(--tk-color-primary-600);
  --tk-text-coffee: var(--tk-color-coffee-600);
  --tk-text-success: var(--tk-color-success-700);
  --tk-text-warning: var(--tk-color-warning-700);
  --tk-text-danger: var(--tk-color-danger-700);
  --tk-bg-canvas: var(--tk-color-neutral-50);
  --tk-bg-surface: var(--tk-color-neutral-0);
  --tk-bg-subtle: var(--tk-color-neutral-100);
  --tk-bg-muted: var(--tk-color-neutral-200);
  --tk-bg-inverse: var(--tk-color-neutral-900);
  --tk-bg-code: var(--tk-color-neutral-900);
  --tk-bg-brand: var(--tk-color-primary-600);
  --tk-bg-brand-hover: var(--tk-color-primary-700);
  --tk-bg-brand-active: var(--tk-color-primary-800);
  --tk-bg-brand-subtle: var(--tk-color-primary-50);
  --tk-bg-coffee-subtle: var(--tk-color-coffee-50);
  --tk-bg-success-subtle: var(--tk-color-success-50);
  --tk-bg-warning-subtle: var(--tk-color-warning-50);
  --tk-bg-danger-subtle: var(--tk-color-danger-50);
  --tk-bg-danger: var(--tk-color-danger-600);
  --tk-bg-danger-hover: var(--tk-color-danger-700);
  --tk-border-default: var(--tk-color-neutral-200);
  --tk-border-strong: var(--tk-color-neutral-300);
  --tk-border-input: var(--tk-color-neutral-400);
  --tk-border-focus: var(--tk-color-primary-500);
  --tk-border-danger: var(--tk-color-danger-600);
  --tk-font-family-sans: Inter, "HarmonyOS Sans SC", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --tk-font-family-mono: "JetBrains Mono", SFMono-Regular, Menlo, Consolas, "Noto Sans Mono CJK SC", monospace;
  --tk-font-size-xs: 12px;
  --tk-font-size-sm: 14px;
  --tk-font-size-md: 16px;
  --tk-font-size-lg: 18px;
  --tk-font-size-xl: 20px;
  --tk-font-size-2xl: 24px;
  --tk-font-size-3xl: 30px;
  --tk-font-size-4xl: 36px;
  --tk-font-size-5xl: 48px;
  --tk-font-line-height-tight: 1.25;
  --tk-font-line-height-snug: 1.4;
  --tk-font-line-height-normal: 1.5;
  --tk-font-line-height-relaxed: 1.7;
  --tk-font-weight-regular: 400;
  --tk-font-weight-medium: 500;
  --tk-font-weight-semibold: 600;
  --tk-font-weight-bold: 700;
  --tk-space-0: 0px;
  --tk-space-1: 4px;
  --tk-space-2: 8px;
  --tk-space-3: 12px;
  --tk-space-4: 16px;
  --tk-space-5: 20px;
  --tk-space-6: 24px;
  --tk-space-8: 32px;
  --tk-space-10: 40px;
  --tk-space-12: 48px;
  --tk-space-16: 64px;
  --tk-radius-sm: 4px;
  --tk-radius-md: 8px;
  --tk-radius-lg: 12px;
  --tk-radius-xl: 16px;
  --tk-radius-2xl: 24px;
  --tk-radius-full: 9999px;
  --tk-shadow-xs: 0 1px 2px rgba(23,25,34,.06);
  --tk-shadow-sm: 0 1px 3px rgba(23,25,34,.08), 0 1px 2px rgba(23,25,34,.04);
  --tk-shadow-md: 0 4px 12px rgba(23,25,34,.08), 0 2px 4px rgba(23,25,34,.04);
  --tk-shadow-lg: 0 12px 32px rgba(23,25,34,.12), 0 4px 8px rgba(23,25,34,.04);
  --tk-shadow-focus: 0 0 0 3px rgba(83,97,234,.35);
  --tk-motion-duration-fast: 120ms;
  --tk-motion-duration-base: 200ms;
  --tk-motion-duration-slow: 300ms;
  --tk-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --tk-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --tk-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --tk-size-control-sm: 32px;
  --tk-size-control-md: 40px;
  --tk-size-control-lg: 48px;
  --tk-size-touch-min: 44px;
  --tk-size-sidebar: 240px;
  --tk-size-topbar: 56px;
  --tk-size-content-max: 1200px;
  --tk-z-dropdown: 1000;
  --tk-z-sticky: 1100;
  --tk-z-modal: 1300;
  --tk-z-toast: 1400;
  color-scheme: light;
}
[data-theme="dark"] {
  --tk-text-primary: var(--tk-color-neutral-50);
  --tk-text-secondary: var(--tk-color-neutral-300);
  --tk-text-tertiary: var(--tk-color-neutral-400);
  --tk-text-disabled: var(--tk-color-neutral-600);
  --tk-text-inverse: var(--tk-color-neutral-900);
  --tk-text-on-brand: var(--tk-color-neutral-0);
  --tk-text-brand: var(--tk-color-primary-300);
  --tk-text-coffee: var(--tk-color-coffee-300);
  --tk-text-success: var(--tk-color-success-300);
  --tk-text-warning: var(--tk-color-warning-300);
  --tk-text-danger: var(--tk-color-danger-300);
  --tk-bg-canvas: var(--tk-color-neutral-950);
  --tk-bg-surface: var(--tk-color-neutral-900);
  --tk-bg-subtle: var(--tk-color-neutral-800);
  --tk-bg-muted: var(--tk-color-neutral-700);
  --tk-bg-inverse: var(--tk-color-neutral-50);
  --tk-bg-code: var(--tk-color-neutral-950);
  --tk-bg-brand: var(--tk-color-primary-500);
  --tk-bg-brand-hover: var(--tk-color-primary-600);
  --tk-bg-brand-active: var(--tk-color-primary-700);
  --tk-bg-brand-subtle: var(--tk-color-primary-950);
  --tk-bg-coffee-subtle: var(--tk-color-coffee-900);
  --tk-bg-success-subtle: var(--tk-color-success-900);
  --tk-bg-warning-subtle: var(--tk-color-warning-900);
  --tk-bg-danger-subtle: var(--tk-color-danger-900);
  --tk-bg-danger: var(--tk-color-danger-600);
  --tk-bg-danger-hover: var(--tk-color-danger-700);
  --tk-border-default: var(--tk-color-neutral-700);
  --tk-border-strong: var(--tk-color-neutral-600);
  --tk-border-input: var(--tk-color-neutral-500);
  --tk-border-focus: var(--tk-color-primary-300);
  --tk-border-danger: var(--tk-color-danger-300);
  --tk-shadow-xs: 0 1px 2px rgba(0,0,0,.4);
  --tk-shadow-sm: 0 1px 3px rgba(0,0,0,.5);
  --tk-shadow-md: 0 4px 12px rgba(0,0,0,.5);
  --tk-shadow-lg: 0 12px 32px rgba(0,0,0,.6);
  --tk-shadow-focus: 0 0 0 3px rgba(156,166,251,.45);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --tk-text-primary: var(--tk-color-neutral-50);
    --tk-text-secondary: var(--tk-color-neutral-300);
    --tk-text-tertiary: var(--tk-color-neutral-400);
    --tk-text-disabled: var(--tk-color-neutral-600);
    --tk-text-inverse: var(--tk-color-neutral-900);
    --tk-text-on-brand: var(--tk-color-neutral-0);
    --tk-text-brand: var(--tk-color-primary-300);
    --tk-text-coffee: var(--tk-color-coffee-300);
    --tk-text-success: var(--tk-color-success-300);
    --tk-text-warning: var(--tk-color-warning-300);
    --tk-text-danger: var(--tk-color-danger-300);
    --tk-bg-canvas: var(--tk-color-neutral-950);
    --tk-bg-surface: var(--tk-color-neutral-900);
    --tk-bg-subtle: var(--tk-color-neutral-800);
    --tk-bg-muted: var(--tk-color-neutral-700);
    --tk-bg-inverse: var(--tk-color-neutral-50);
    --tk-bg-code: var(--tk-color-neutral-950);
    --tk-bg-brand: var(--tk-color-primary-500);
    --tk-bg-brand-hover: var(--tk-color-primary-600);
    --tk-bg-brand-active: var(--tk-color-primary-700);
    --tk-bg-brand-subtle: var(--tk-color-primary-950);
    --tk-bg-coffee-subtle: var(--tk-color-coffee-900);
    --tk-bg-success-subtle: var(--tk-color-success-900);
    --tk-bg-warning-subtle: var(--tk-color-warning-900);
    --tk-bg-danger-subtle: var(--tk-color-danger-900);
    --tk-bg-danger: var(--tk-color-danger-600);
    --tk-bg-danger-hover: var(--tk-color-danger-700);
    --tk-border-default: var(--tk-color-neutral-700);
    --tk-border-strong: var(--tk-color-neutral-600);
    --tk-border-input: var(--tk-color-neutral-500);
    --tk-border-focus: var(--tk-color-primary-300);
    --tk-border-danger: var(--tk-color-danger-300);
    --tk-shadow-xs: 0 1px 2px rgba(0,0,0,.4);
    --tk-shadow-sm: 0 1px 3px rgba(0,0,0,.5);
    --tk-shadow-md: 0 4px 12px rgba(0,0,0,.5);
    --tk-shadow-lg: 0 12px 32px rgba(0,0,0,.6);
    --tk-shadow-focus: 0 0 0 3px rgba(156,166,251,.45);
    color-scheme: dark;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --tk-motion-duration-fast: 0ms; --tk-motion-duration-base: 0ms; --tk-motion-duration-slow: 0ms; }
}