/* Aurora AI — purple → violet → cyan. Source: gradient_themes.md (AI & Tech) */
[data-theme="aurora-ai"] {
  --zt-bg:            #FAFBFF;
  --zt-surface:       #F4F5FA;
  --zt-surface-2:     #EAEBF5;
  --zt-border:        #E2E4F0;
  --zt-border-strong: #C8CBDC;
  --zt-text:          #11131C;
  --zt-text-muted:    #5C6079;
  --zt-text-soft:     #8A8FA8;

  --zt-primary:          #6C63FF;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #10B981;
  --zt-warning:          #F59E0B;
  --zt-danger:           #EF4444;
  --zt-info:             #06B6D4;

  --zt-font-sans:    "Cairo", "Inter", system-ui, -apple-system, 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(108, 99, 255, .08);
  --zt-shadow-md:  0 8px 24px rgba(108, 99, 255, .12);
  --zt-shadow-lg:  0 24px 60px rgba(108, 99, 255, .18);

  --zt-grad-primary: linear-gradient(135deg, #6C63FF 0%, #8B5CF6 60%, #06B6D4 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(108,99,255,.20) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(6,182,212,.15) 0%, transparent 60%);
  --zt-grad-text:    linear-gradient(120deg, #11131C 0%, #5C6079 60%, #8B5CF6 100%);
}

[data-theme="aurora-ai"][data-style="dark"] {
  --zt-bg:            #0B0F1E;
  --zt-surface:       #11162A;
  --zt-surface-2:     #161C36;
  --zt-border:        rgba(255,255,255,.08);
  --zt-border-strong: rgba(255,255,255,.14);
  --zt-text:          #F4F6FB;
  --zt-text-muted:    #C6CADB;
  --zt-text-soft:     #8A91AE;

  --zt-primary:          #8B5CF6;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #34D399;
  --zt-warning:          #FBBF24;
  --zt-danger:           #F87171;
  --zt-info:             #22D3EE;

  --zt-grad-primary: linear-gradient(135deg, #6C63FF 0%, #8B5CF6 60%, #06B6D4 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(108,99,255,.35) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(6,182,212,.25)  0%, transparent 60%),
    radial-gradient(40% 40% at 50% 50%, rgba(139,92,246,.18) 0%, transparent 60%);
  --zt-grad-text:    linear-gradient(120deg, #ffffff 0%, #C6CADB 60%, #8B5CF6 100%);
  --zt-grad-border:  linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.04));
}