/* AUTO-GENERATED from tokens/tokens.json. Do not edit. */
:root {
  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --ds-font-family-display: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --ds-font-family-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --ds-font-size-xs: 12px;
  --ds-font-size-sm: 14px;
  --ds-font-size-md: 16px;
  --ds-font-size-lg: 18px;
  --ds-font-size-xl: 20px;
  --ds-font-size-2xl: 24px;
  --ds-font-size-3xl: 30px;
  --ds-font-size-4xl: 36px;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-weight-bold: 700;
  --ds-line-height-tight: 1.2;
  --ds-line-height-snug: 1.4;
  --ds-line-height-normal: 1.6;
  --ds-line-height-relaxed: 1.8;
  --ds-space-0: 0px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-space-10: 40px;
  --ds-space-12: 48px;
  --ds-space-16: 64px;
  --ds-radius-none: 0px;
  --ds-radius-xs: 4px;
  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 16px;
  --ds-radius-xl: 24px;
  --ds-radius-full: 999px;
  --ds-duration-fast: 120ms;
  --ds-duration-normal: 200ms;
  --ds-duration-slow: 300ms;
  --ds-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ds-easing-enter: cubic-bezier(0, 0, 0, 1);
  --ds-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --ds-breakpoint-xs: 360px;
  --ds-breakpoint-sm: 480px;
  --ds-breakpoint-md: 768px;
  --ds-breakpoint-lg: 1024px;
  --ds-breakpoint-xl: 1280px;
}

:root, .light, [data-theme="light"], .ds-theme-light {
  --ds-color-canvas: #F7F4FC;
  --ds-color-surface: #EFE9F8;
  --ds-color-surface-elevated: #F4F0FF;
  --ds-color-surface-sunken: #DED6E9;
  --ds-color-text-primary: #20182F;
  --ds-color-text-secondary: #333033;
  --ds-color-text-muted: #333033;
  --ds-color-border: #8A7D9C;
  --ds-color-border-strong: #655B72;
  --ds-color-primary: #4F2D8A;
  --ds-color-primary-hover: #3B2068;
  --ds-color-primary-active: #261641;
  --ds-color-on-primary: #E7DFFF;
  --ds-color-secondary: #D4C5FA;
  --ds-color-on-secondary: #261641;
  --ds-color-accent: #BCA7F2;
  --ds-color-on-accent: #261641;
  --ds-color-focus: #6542A8;
  --ds-color-success-surface: #CDE8D6;
  --ds-color-success-text: #164A2F;
  --ds-color-warning-surface: #F2D8A7;
  --ds-color-warning-text: #553300;
  --ds-color-danger-surface: #F2C9D3;
  --ds-color-danger-text: #5F1530;
  --ds-color-info-surface: #C8D9F2;
  --ds-color-info-text: #16375D;
  --ds-color-disabled-surface: #DED6E9;
  --ds-color-disabled-text: #333033;
  --ds-shadow-sm: 0 2px 8px rgba(38, 22, 65, 0.10);
  --ds-shadow-md: 0 8px 24px rgba(38, 22, 65, 0.14);
  --ds-shadow-lg: 0 16px 40px rgba(38, 22, 65, 0.18);
}

.dark, [data-theme="dark"], .ds-theme-dark {
  --ds-color-canvas: #140E1C;
  --ds-color-surface: #21152D;
  --ds-color-surface-elevated: #2A1B3A;
  --ds-color-surface-sunken: #181022;
  --ds-color-text-primary: #E7DFFF;
  --ds-color-text-secondary: #D4C5FA;
  --ds-color-text-muted: #BCA7F2;
  --ds-color-border: #8A7D9C;
  --ds-color-border-strong: #B8ACCA;
  --ds-color-primary: #BCA7F2;
  --ds-color-primary-hover: #D4C5FA;
  --ds-color-primary-active: #E7DFFF;
  --ds-color-on-primary: #261641;
  --ds-color-secondary: #4F2D8A;
  --ds-color-on-secondary: #E7DFFF;
  --ds-color-accent: #9D7BE8;
  --ds-color-on-accent: #20182F;
  --ds-color-focus: #BCA7F2;
  --ds-color-success-surface: #CDE8D6;
  --ds-color-success-text: #164A2F;
  --ds-color-warning-surface: #F2D8A7;
  --ds-color-warning-text: #553300;
  --ds-color-danger-surface: #F2C9D3;
  --ds-color-danger-text: #5F1530;
  --ds-color-info-surface: #C8D9F2;
  --ds-color-info-text: #16375D;
  --ds-color-disabled-surface: #333033;
  --ds-color-disabled-text: #BCA7F2;
  --ds-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.28);
  --ds-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.36);
  --ds-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.46);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ds-duration-fast: 0ms;
    --ds-duration-normal: 0ms;
    --ds-duration-slow: 0ms;
  }
}