:root {
  --indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;
  --indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;
  --indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;

  --violet-50:#faf5ff;--violet-100:#f3e8ff;--violet-200:#e9d5ff;--violet-300:#d8b4fe;
  --violet-400:#c084fc;--violet-500:#a855f7;--violet-600:#9333ea;--violet-700:#7e22ce;
  --violet-800:#6b21a8;--violet-900:#581c87;

  --success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;
  --warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;
  --danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;

  --slate-0:#ffffff;--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;--slate-950:#020617;

  --primary:var(--indigo-500);--primary-hover:var(--indigo-600);--primary-active:var(--indigo-700);
  --secondary:var(--violet-500);--secondary-hover:var(--violet-600);
  --bg:var(--slate-50);--surface:var(--slate-0);--surface-alt:var(--slate-100);
  --text:var(--slate-900);--text-muted:var(--slate-500);--text-subtle:var(--slate-400);
  --border:var(--slate-200);--border-strong:var(--slate-300);

  --gradient-primary:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);
  --gradient-hero:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);
  --gradient-success:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);
  --gradient-gold:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);

  --rarity-common:#94a3b8;--rarity-uncommon:#22c55e;--rarity-rare:#3b82f6;
  --rarity-epic:#a855f7;--rarity-legendary:#f59e0b;

  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,'SF Mono',Consolas,monospace;

  --fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;
  --fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;

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

  --sp-0:0;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;
  --sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;

  --r-sm:.375rem;--r-md:.5rem;--r-lg:.75rem;--r-xl:1rem;--r-2xl:1.5rem;--r-full:9999px;

  --shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 4px 6px -1px rgba(15,23,42,.08),0 2px 4px -1px rgba(15,23,42,.04);
  --shadow-lg:0 10px 15px -3px rgba(15,23,42,.08),0 4px 6px -2px rgba(15,23,42,.03);
  --shadow-xl:0 20px 25px -5px rgba(15,23,42,.1),0 10px 10px -5px rgba(15,23,42,.03);
  --shadow-2xl:0 25px 50px -12px rgba(15,23,42,.25);
  --shadow-glow:0 0 0 3px rgba(99,102,241,.15);

  --t-fast:150ms;--t-base:250ms;--t-slow:400ms;
  --ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);

  --sidebar-w:280px;--topbar-h:64px;--max-content:1280px;
  --z-sidebar:40;--z-topbar:50;--z-modal:100;--z-toast:200;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}