:root {
  --brand-50:  #EFF6FF;
  --brand-100: #DBEAFE;
  --brand-200: #BFDBFE;
  --brand-300: #93C5FD;
  --brand-400: #60A5FA;
  --brand-500: #2563EB;
  --brand-600: #1D4ED8;
  --brand-700: #1E40AF;
  --brand-800: #1E3A8A;
  --brand-900: #172554;

  --accent-500: #06B6D4;
  --accent-600: #0891B2;

  --slate-50:  #F8FAFC;
  --slate-100: #F1F5F9;
  --slate-200: #E2E8F0;
  --slate-300: #CBD5E1;
  --slate-400: #94A3B8;
  --slate-500: #64748B;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1E293B;
  --slate-900: #0F172A;

  --success-500: #10B981;
  --warning-500: #F59E0B;
  --danger-500:  #EF4444;
  --info-500:    #3B82F6;

  --ds-bg:           var(--slate-50);
  --ds-surface:      #FFFFFF;
  --ds-surface-alt:  var(--slate-100);
  --ds-border:       var(--slate-200);
  --ds-border-strong:var(--slate-300);
  --ds-text:         var(--slate-900);
  --ds-text-muted:   var(--slate-500);
  --ds-text-subtle:  var(--slate-400);
  --ds-primary:      var(--brand-500);
  --ds-primary-hover:var(--brand-600);
  --ds-ring:         rgba(37, 99, 235, 0.35);

  --ds-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --ds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --ds-fs-xs:   0.75rem;
  --ds-fs-sm:   0.875rem;
  --ds-fs-base: 1rem;
  --ds-fs-lg:   1.125rem;
  --ds-fs-xl:   1.25rem;
  --ds-fs-2xl:  1.5rem;
  --ds-fs-3xl:  1.875rem;
  --ds-fs-4xl:  2.25rem;
  --ds-fs-5xl:  3rem;
  --ds-fs-6xl:  3.75rem;
  --ds-fs-7xl:  4.5rem;

  --ds-lh-tight:   1.2;
  --ds-lh-normal:  1.5;
  --ds-lh-relaxed: 1.65;

  --ds-fw-regular:  400;
  --ds-fw-medium:   500;
  --ds-fw-semibold: 600;
  --ds-fw-bold:     700;

  --ds-space-0:  0;
  --ds-space-1:  0.25rem;
  --ds-space-2:  0.5rem;
  --ds-space-3:  0.75rem;
  --ds-space-4:  1rem;
  --ds-space-5:  1.25rem;
  --ds-space-6:  1.5rem;
  --ds-space-8:  2rem;
  --ds-space-10: 2.5rem;
  --ds-space-12: 3rem;
  --ds-space-16: 4rem;
  --ds-space-20: 5rem;
  --ds-space-24: 6rem;
  --ds-space-32: 8rem;

  --ds-radius-sm:   6px;
  --ds-radius-md:   10px;
  --ds-radius-lg:   14px;
  --ds-radius-xl:   20px;
  --ds-radius-2xl:  28px;
  --ds-radius-full: 9999px;

  --ds-shadow-sm:  0 1px 2px rgba(15, 23, 42, 0.06);
  --ds-shadow-md:  0 4px 12px rgba(15, 23, 42, 0.08);
  --ds-shadow-lg:  0 12px 32px rgba(15, 23, 42, 0.10);
  --ds-shadow-xl:  0 24px 56px rgba(15, 23, 42, 0.14);
  --ds-shadow-glow:0 8px 32px rgba(37, 99, 235, 0.25);

  --ds-dur-fast:   150ms;
  --ds-dur-base:   250ms;
  --ds-dur-slow:   400ms;
  --ds-ease:       cubic-bezier(0.2, 0.8, 0.2, 1);

  --ds-container-max: 1200px;
  --ds-bp-sm:  640px;
  --ds-bp-md:  768px;
  --ds-bp-lg:  1024px;
  --ds-bp-xl:  1280px;
  --ds-bp-2xl: 1536px;

  --ds-z-base:    1;
  --ds-z-nav:     50;
  --ds-z-overlay: 90;
  --ds-z-modal:   100;
}