/* Neural — blue → purple → pink (3-stop). Source: gradient_themes.md (AI & Tech) */
[data-theme="neural"] {
  --zt-bg:            #FAFAFF;
  --zt-surface:       #F3F3FB;
  --zt-surface-2:     #EAEAF6;
  --zt-border:        #E0E0EE;
  --zt-border-strong: #C7C7DA;
  --zt-text:          #0C0A1A;
  --zt-text-muted:    #57536E;
  --zt-text-soft:     #8884A2;

  --zt-primary:          #8B5CF6;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #10B981;
  --zt-warning:          #F59E0B;
  --zt-danger:           #EF4444;
  --zt-info:             #3B82F6;

  --zt-font-sans:    "Cairo", "Inter", system-ui, sans-serif;
  --zt-font-display: "Cairo", "Inter", system-ui, sans-serif;

  --zt-radius-sm: 6px;
  --zt-radius-md: 12px;
  --zt-radius-lg: 18px;

  --zt-shadow-sm: 0 1px 2px rgba(139, 92, 246, .08);
  --zt-shadow-md: 0 8px 24px rgba(139, 92, 246, .14);
  --zt-shadow-lg: 0 24px 60px rgba(236, 72, 153, .20);

  --zt-grad-primary: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(139,92,246,.20) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(236,72,153,.16) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #0C0A1A 0%, #57536E 60%, #EC4899 100%);
}

[data-theme="neural"][data-style="dark"] {
  --zt-bg:            #0C0A1A;
  --zt-surface:       #15122A;
  --zt-surface-2:     #1F1A3A;
  --zt-border:        rgba(255,255,255,.08);
  --zt-border-strong: rgba(255,255,255,.14);
  --zt-text:          #F5F2FB;
  --zt-text-muted:    #C6C0D8;
  --zt-text-soft:     #8A85A8;

  --zt-primary:          #A78BFA;
  --zt-primary-contrast: #0C0A1A;
  --zt-success:          #34D399;
  --zt-warning:          #FBBF24;
  --zt-danger:           #F87171;
  --zt-info:             #60A5FA;

  --zt-grad-primary: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(139,92,246,.35) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(236,72,153,.30) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #ffffff 0%, #C6C0D8 60%, #EC4899 100%);
}