/* AUTO-GENERATED by packages/design-tokens/scripts/build.ts — DO NOT EDIT BY HAND.
   Source: packages/design-tokens/src/tokens.ts
   Regenerate: pnpm tokens:build */

[data-theme="dark"], .dark {
  --af-canvas: #09090b;
  --af-surface: #18181b;
  --af-surface-raised: #27272a;
  --af-surface-sunken: #000000;
  --af-surface-overlay: #27272a;
  --af-surface-inverse: #fafafa;
  --af-text-primary: #fafafa;
  --af-text-secondary: #d4d4d8;
  --af-text-tertiary: #a1a1aa;
  --af-text-inverse: #18181b;
  --af-text-disabled: #52525b;
  --af-text-link: #a5b4fc;
  --af-border-subtle: #27272a;
  --af-border-default: #3f3f46;
  --af-border-strong: #52525b;
  --af-border-focus: #818cf8;
  --af-brand-bg: #818cf8;
  --af-brand-bg-hover: #a5b4fc;
  --af-brand-bg-pressed: #c7d2fe;
  --af-brand-fg: #09090b;
  --af-brand-subtle: rgba(99, 102, 241, 0.16);
  --af-brand-subtle-fg: #a5b4fc;
  --af-accent-bg: #fcd34d;
  --af-accent-bg-hover: #fde68a;
  --af-accent-fg: #78350f;
  --af-accent-subtle: rgba(251, 191, 36, 0.14);
  --af-success-bg: #10b981;
  --af-success-subtle: rgba(16, 185, 129, 0.14);
  --af-success-fg: #d1fae5;
  --af-warning-bg: #eab308;
  --af-warning-subtle: rgba(234, 179, 8, 0.14);
  --af-warning-fg: #fef9c3;
  --af-error-bg: #ef4444;
  --af-error-subtle: rgba(239, 68, 68, 0.14);
  --af-error-fg: #fee2e2;
  --af-info-bg: #3b82f6;
  --af-info-subtle: rgba(59, 130, 246, 0.14);
  --af-info-fg: #dbeafe;
  --af-skeleton: #27272a;
  --af-skeleton-highlight: #3f3f46;
  --af-scrim: rgba(0, 0, 0, 0.64);
  --af-selected-bg: rgba(99, 102, 241, 0.18);
  --af-selected-border: #818cf8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --af-canvas: #09090b;
  --af-surface: #18181b;
  --af-surface-raised: #27272a;
  --af-surface-sunken: #000000;
  --af-surface-overlay: #27272a;
  --af-surface-inverse: #fafafa;
  --af-text-primary: #fafafa;
  --af-text-secondary: #d4d4d8;
  --af-text-tertiary: #a1a1aa;
  --af-text-inverse: #18181b;
  --af-text-disabled: #52525b;
  --af-text-link: #a5b4fc;
  --af-border-subtle: #27272a;
  --af-border-default: #3f3f46;
  --af-border-strong: #52525b;
  --af-border-focus: #818cf8;
  --af-brand-bg: #818cf8;
  --af-brand-bg-hover: #a5b4fc;
  --af-brand-bg-pressed: #c7d2fe;
  --af-brand-fg: #09090b;
  --af-brand-subtle: rgba(99, 102, 241, 0.16);
  --af-brand-subtle-fg: #a5b4fc;
  --af-accent-bg: #fcd34d;
  --af-accent-bg-hover: #fde68a;
  --af-accent-fg: #78350f;
  --af-accent-subtle: rgba(251, 191, 36, 0.14);
  --af-success-bg: #10b981;
  --af-success-subtle: rgba(16, 185, 129, 0.14);
  --af-success-fg: #d1fae5;
  --af-warning-bg: #eab308;
  --af-warning-subtle: rgba(234, 179, 8, 0.14);
  --af-warning-fg: #fef9c3;
  --af-error-bg: #ef4444;
  --af-error-subtle: rgba(239, 68, 68, 0.14);
  --af-error-fg: #fee2e2;
  --af-info-bg: #3b82f6;
  --af-info-subtle: rgba(59, 130, 246, 0.14);
  --af-info-fg: #dbeafe;
  --af-skeleton: #27272a;
  --af-skeleton-highlight: #3f3f46;
  --af-scrim: rgba(0, 0, 0, 0.64);
  --af-selected-bg: rgba(99, 102, 241, 0.18);
  --af-selected-border: #818cf8;
  }
}

/* 减少动效 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --af-duration-instant: 0ms;
    --af-duration-fast: 0ms;
    --af-duration-normal: 0ms;
    --af-duration-slow: 0ms;
    --af-duration-slower: 0ms;
    --af-duration-loader: 0ms;
  }
}