/* Cosmic Fusion — indigo → purple. Source: gradient_themes.md (AI & Tech) */
[data-theme="cosmic-fusion"] {
  --zt-bg:            #FBFBFF;
  --zt-surface:       #F4F4FB;
  --zt-surface-2:     #ECECF7;
  --zt-border:        #E1E1EE;
  --zt-border-strong: #C7C7DC;
  --zt-text:          #111128;
  --zt-text-muted:    #565680;
  --zt-text-soft:     #8888A8;

  --zt-primary:          #667EEA;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #10B981;
  --zt-warning:          #F59E0B;
  --zt-danger:           #EF4444;
  --zt-info:             #4FACFE;

  --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: 16px;

  --zt-shadow-sm: 0 1px 2px rgba(102, 126, 234, .08);
  --zt-shadow-md: 0 8px 24px rgba(102, 126, 234, .12);
  --zt-shadow-lg: 0 24px 60px rgba(118, 75, 162, .18);

  --zt-grad-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(102,126,234,.18) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(118,75,162,.14) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #111128 0%, #565680 60%, #764ba2 100%);
}

[data-theme="cosmic-fusion"][data-style="dark"] {
  --zt-bg:            #0A0A1E;
  --zt-surface:       #11112B;
  --zt-surface-2:     #1A1A3A;
  --zt-border:        rgba(255,255,255,.08);
  --zt-border-strong: rgba(255,255,255,.14);
  --zt-text:          #F0F0FB;
  --zt-text-muted:    #B8B8D2;
  --zt-text-soft:     #7F7FA0;

  --zt-primary:          #8A9BFF;
  --zt-primary-contrast: #0A0A1E;
  --zt-success:          #34D399;
  --zt-warning:          #FBBF24;
  --zt-danger:           #F87171;
  --zt-info:             #60A5FA;

  --zt-grad-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(102,126,234,.35) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(118,75,162,.30) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #ffffff 0%, #B8B8D2 60%, #764ba2 100%);
}