:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#111111;--color-bg-tertiary:#1a1a1a;--color-bg-card:#151515;--color-text-primary:#ffffff;--color-text-secondary:#b8b8b8;--color-text-muted:#9a9a9a;--color-accent:#5b5ef0;--color-accent-hover:#7578f5;--color-highlight:linear-gradient(135deg, #5b5ef0, #7578f5);--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#f87171;--color-border:rgba(255, 255, 255, 0.1);--color-border-hover:rgba(255, 255, 255, 0.2);--color-navbar-bg:rgba(10, 10, 10, 0.9);--color-navbar-bg-scrolled:rgba(10, 10, 10, 0.95);--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--spacing-5xl:6rem;--spacing-6xl:8rem;--container-max-width:1200px;--container-padding:1.5rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--color-shadow:rgba(0, 0, 0, 0.15);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-tooltip:500;--color-white:#ffffff;--color-accent-glow:rgba(99, 102, 241, 0.2);--color-accent-subtle:rgba(99, 102, 241, 0.15);--color-accent-faint:rgba(99, 102, 241, 0.1);--color-accent-ring:rgba(99, 102, 241, 0.3);--color-success-bg:rgba(34, 197, 94, 0.1);--color-error-bg:rgba(248, 113, 113, 0.1);--color-warning-bg:rgba(245, 158, 11, 0.1);--color-surface-hover:rgba(255, 255, 255, 0.05);--color-surface-faint:rgba(255, 255, 255, 0.02);--color-btn-gradient:linear-gradient(135deg, #5b5ef0 0%, #5f62f0 100%);--color-btn-shadow:0 4px 14px rgba(91, 94, 240, 0.35);--color-btn-shadow-hover:0 8px 25px rgba(91, 94, 240, 0.45)}