/*
 * tokens.css (style: saas-shadcn)
 * AUTO-GENERATED by design-systems/scripts/derive.mjs
 * DO NOT EDIT BY HAND. Modify tokens.json and re-run.
 * source:  tokens.json @ 1.0.0 (light)
 * Vendored into DTmember from DTaicoding-UI-Desktop/design-systems/styles/saas-shadcn/derivatives/tokens.css
 */

:root {
  --color-neutral-50: #FAFAFA;
  --color-neutral-100: #F4F4F5;
  --color-neutral-200: #E4E4E7;
  --color-neutral-300: #D4D4D8;
  --color-neutral-400: #A1A1AA;
  --color-neutral-500: #71717A;
  --color-neutral-600: #52525B;
  --color-neutral-700: #3F3F46;
  --color-neutral-800: #27272A;
  --color-neutral-900: #18181B;
  --color-neutral-950: #09090B;
  --color-brand-primary-50: #FAFAFA;
  --color-brand-primary-100: #F4F4F5;
  --color-brand-primary-200: #E4E4E7;
  --color-brand-primary-300: #D4D4D8;
  --color-brand-primary-400: #A1A1AA;
  --color-brand-primary-500: #52525B;
  --color-brand-primary-600: #27272A;
  --color-brand-primary-700: #18181B;
  --color-brand-primary-800: #09090B;
  --color-brand-primary-900: #09090B;
  --color-brand-primary-950: #000000;
  --color-green-50: #F0FDF4;
  --color-green-500: #16A34A;
  --color-green-700: #15803D;
  --color-yellow-50: #FEFCE8;
  --color-yellow-500: #CA8A04;
  --color-yellow-700: #A16207;
  --color-red-50: #FEF2F2;
  --color-red-500: #EF4444;
  --color-red-700: #B91C1C;
  --color-blue-50: #EFF6FF;
  --color-blue-500: #3B82F6;
  --color-blue-700: #1D4ED8;
  --color-accent-indigo: #6366F1;
  --color-accent-purple: #A855F7;
  --color-accent-pink: #EC4899;
  --color-accent-orange: #F97316;
  --color-accent-lime: #84CC16;
  --color-accent-teal: #14B8A6;
  --color-accent-cyan: #06B6D4;
  --color-surface-base: #FFFFFF;
  --color-surface-raised: #FFFFFF;
  --color-surface-overlay: #FFFFFF;
  --color-surface-sunken: #F4F4F5;
  --color-text-primary: #09090B;
  --color-text-secondary: #71717A;
  --color-text-tertiary: #A1A1AA;
  --color-text-disabled: #D4D4D8;
  --color-text-inverse: #FAFAFA;
  --color-text-onBrand: #FAFAFA;
  --color-border-default: #E4E4E7;
  --color-border-subtle: #F4F4F5;
  --color-border-strong: #D4D4D8;
  --color-border-focus: #18181B;
  --color-status-success-bg: #F0FDF4;
  --color-status-success-fg: #15803D;
  --color-status-success-border: #16A34A;
  --color-status-warning-bg: #FEFCE8;
  --color-status-warning-fg: #A16207;
  --color-status-warning-border: #CA8A04;
  --color-status-error-bg: #FEF2F2;
  --color-status-error-fg: #B91C1C;
  --color-status-error-border: #EF4444;
  --color-status-info-bg: #EFF6FF;
  --color-status-info-fg: #1D4ED8;
  --color-status-info-border: #3B82F6;
  --color-chart-categorical1: #E76E50;
  --color-chart-categorical2: #2A9D90;
  --color-chart-categorical3: #274754;
  --color-chart-categorical4: #E8C468;
  --color-chart-categorical5: #F4A462;
  --color-chart-categorical6: #6366F1;
  --color-chart-gridLine: #E4E4E7;
  --color-chart-axisLabel: #71717A;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing-tight: -0.4px;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.4px;
  --spacing-0: 0;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-20: 80px;
  --spacing-22: 88px;
  --spacing-24: 96px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;
  --shadow-none: none;
  --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-md: 0 1px 3px 0 rgba(0,0,0,0.10), 0 1px 2px -1px rgba(0,0,0,0.10);
  --shadow-lg: 0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -2px rgba(0,0,0,0.10);
  --shadow-xl: 0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10);
  --shadow-2xl: 0 20px 25px -5px rgba(0,0,0,0.10), 0 8px 10px -6px rgba(0,0,0,0.10);
  --shadow-focus-ring: 0 0 0 3px var(--color-surface-sunken);
  --shadow-focus-ring-error: 0 0 0 3px var(--color-red-50);
  --border-width-0: 0;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-style-solid: solid;
  --border-style-dashed: dashed;
  --border-style-dotted: dotted;
  --duration-instant: 0ms;
  --duration-fast: 100ms;
  --duration-normal: 150ms;
  --duration-slow: 200ms;
  --ease-linear: cubic-bezier(0, 0, 1, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-40: 0.4;
  --opacity-60: 0.6;
  --opacity-80: 0.8;
  --opacity-100: 1;
  --blur-none: 0;
  --blur-sm: 4px;
  --blur-md: 8px;
  --blur-lg: 16px;
  --blur-xl: 24px;
  --icon-size-xs: 12px;
  --icon-size-sm: 14px;
  --icon-size-md: 16px;
  --icon-size-lg: 20px;
  --icon-size-xl: 24px;
  --icon-stroke-1: 1;
  --icon-stroke-2: 2;
  --icon-stroke-1-5: 1.5;
  --z-base: 0;
  --z-dropdown: 1000;
  --z-sticky: 1100;
  --z-overlay: 1200;
  --z-modal: 1300;
  --z-popover: 1400;
  --z-toast: 1500;
  --z-tooltip: 1600;
  --font-family-sans: "Inter Var", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  /* ---- Component sizing ---- */
  --comp-spacing-0-5: 2px;
  --comp-spacing-1-5: 6px;
  --comp-height-xs: var(--spacing-6);
  --comp-height-sm: 28px;
  --comp-height-md: 36px;
  --comp-height-lg: 44px;
  --comp-height-xl: 56px;
  --comp-width-3xs: 140px;
  --comp-width-2xs: 160px;
  --comp-width-xs: 200px;
  --comp-width-sm: 240px;
  --comp-width-md: 280px;
  --comp-width-lg: 320px;
  --comp-width-xl: 400px;
  --comp-width-2xl: 420px;
  --comp-width-3xl: 480px;
  --comp-width-4xl: 520px;
  --comp-width-180: 180px;
  --comp-width-224: 224px;
  --comp-width-248: 248px;
  --comp-width-260: 260px;
  --comp-width-300: 300px;
  --comp-width-360: 360px;
  --comp-carousel-h: 120px;
  --comp-image-h: 150px;
  --comp-textarea-h: 80px;
  --comp-field-label-w: 80px;
  --comp-min-input-w: 120px;
  --font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", times, serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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