/* VOY — Design Tokens (Fusión — Morado) */
:root {
  --blue-900: #3b0764; --blue-800: #4c1d95; --blue-700: #5b21b6;
  --blue-600: #7c3aed; --blue-500: #8b5cf6; --blue-400: #a78bfa;
  --blue-300: #c4b5fd; --blue-200: #ddd6fe; --blue-100: #ede9fe; --blue-50: #f5f3ff;
  --accent: #a855f7; --accent-dark: #7e22ce;
  --color-primary: var(--blue-600); --color-primary-dark: var(--blue-700);
  --color-primary-light: var(--blue-100); --color-navy: var(--blue-900);
  --color-success: #10b981; --color-warning: #f59e0b; --color-danger: #ef4444; --color-info: var(--accent);
  --gray-900: #111827; --gray-800: #1f2937; --gray-700: #374151; --gray-600: #4b5563;
  --gray-500: #6b7280; --gray-400: #9ca3af; --gray-300: #d1d5db; --gray-200: #e5e7eb;
  --gray-100: #f3f4f6; --gray-50: #f9fafb; --white: #ffffff;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem;
  --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem;
  --text-5xl: 3rem; --text-6xl: 3.75rem;
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-extrabold: 800;
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.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; --sp-24: 6rem;
  --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem;
  --radius-2xl: 1.5rem; --radius-3xl: 2rem; --radius-full: 9999px;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.05);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.07), 0 4px 6px rgba(0,0,0,0.04);
  --shadow-xl: 0 20px 25px rgba(0,0,0,0.08), 0 10px 10px rgba(0,0,0,0.04);
  --shadow-blue: 0 4px 16px rgba(124,58,237,0.28);
  --shadow-blue-lg: 0 8px 32px rgba(124,58,237,0.35);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition: all 0.2s var(--ease); --transition-slow: all 0.35s var(--ease);
  --container: 1280px; --sidebar-w: 260px; --header-h: 64px;

  /* Z-index scale */
  --z-sidebar: 100; --z-topbar: 200; --z-sidebar-overlay: 299;
  --z-sidebar-open: 300; --z-worker-detail: 400; --z-modal: 1000;
  --z-toast: 1100; --z-dev-panel: 9999; --z-dev-toggle: 10000;

  /* Override landing vars (Sergio) → Morado fusión */
  --vp-900: #1e0338; --vp-800: #3b0764; --vp-700: #4c1d95;
  --vp-600: #6d28d9; --vp-500: #7c3aed; --vp-400: #8b5cf6;
  --vp-300: #a78bfa; --vp-200: #c4b5fd; --vp-100: #ddd6fe; --vp-50: #f5f3ff;
  --vp-accent: #8b5cf6;
  --vp-glow: rgba(139,92,246,0.40);
}

/* Override hardcoded landing colors for fusion purple theme */
.hero { background: linear-gradient(135deg, var(--vp-900) 0%, var(--vp-700) 55%, #2e1065 100%) !important; }
.hero-blob-1 { background: radial-gradient(circle, #8b5cf6 0%, transparent 70%) !important; }
.hero-blob-2 { background: radial-gradient(circle, #7c3aed 0%, transparent 70%) !important; }
.hero-blob-3 { background: radial-gradient(circle, #a78bfa 0%, transparent 70%) !important; }