:root {
  --agentify-primary: #6D5DFE;
  --agentify-secondary: #00D4FF;
  --agentify-accent: #14F195;
  --agentify-dark: #0B1020;
  --agentify-surface: #111827;
  --agentify-surface-2: #1F2937;
  --agentify-light: #F8FAFC;
  --agentify-text: #F8FAFC;
  --agentify-muted: rgba(248,250,252,.72);
  --agentify-bg: #0B1020;
  --agentify-border: rgba(255,255,255,.08);
  --agentify-success: #22C55E;
  --agentify-warning: #F59E0B;
  --agentify-danger: #EF4444;
  --agentify-gradient-main: linear-gradient(135deg, #6D5DFE, #00D4FF);
  --agentify-gradient-accent: linear-gradient(135deg, #14F195, #00D4FF);
  --agentify-gradient-hero: radial-gradient(circle at top right, rgba(109,93,254,.38), transparent 32%), radial-gradient(circle at bottom left, rgba(0,212,255,.16), transparent 34%), linear-gradient(180deg, #0B1020, #111827);
  --agentify-font-heading: "Space Grotesk", system-ui, sans-serif;
  --agentify-font-body: "Inter", system-ui, sans-serif;
  --agentify-h1: clamp(46px, 6vw, 76px);
  --agentify-h2: clamp(34px, 4vw, 56px);
  --agentify-h3: clamp(26px, 3vw, 40px);
  --agentify-body: 18px;
  --agentify-radius-sm: 14px;
  --agentify-radius-md: 20px;
  --agentify-radius-lg: 24px;
  --agentify-shadow-soft: 0 10px 30px rgba(0,0,0,.08);
  --agentify-shadow-medium: 0 20px 40px rgba(0,0,0,.15);
  --agentify-glow: 0 0 40px rgba(109,93,254,.30);
}