/* Hacker Mode — black → neon green. Source: gradient_themes.md (Neon & Cyberpunk) */
[data-theme="hacker-mode"] {
  --zt-bg:            #F4FFF7;
  --zt-surface:       #E5FAEC;
  --zt-surface-2:     #D2F2DD;
  --zt-border:        #BFE5CD;
  --zt-border-strong: #92C9A4;
  --zt-text:          #050505;
  --zt-text-muted:    #314236;
  --zt-text-soft:     #5F7666;

  --zt-primary:          #16A34A;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #39FF14;
  --zt-warning:          #F59E0B;
  --zt-danger:           #EF4444;
  --zt-info:             #06B6D4;

  --zt-font-sans:    "Cairo", "JetBrains Mono", "Inter", system-ui, monospace;
  --zt-font-display: "Cairo", "JetBrains Mono", "Inter", monospace;

  --zt-radius-sm: 4px;
  --zt-radius-md: 8px;
  --zt-radius-lg: 12px;

  --zt-shadow-sm: 0 1px 2px rgba(57, 255, 20, .12);
  --zt-shadow-md: 0 8px 24px rgba(57, 255, 20, .16);
  --zt-shadow-lg: 0 24px 60px rgba(57, 255, 20, .22);

  --zt-grad-primary: linear-gradient(135deg, #050505 0%, #0A3D2E 50%, #39FF14 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(57,255,20,.18) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(10,61,46,.16) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #050505 0%, #314236 60%, #39FF14 100%);
}

[data-theme="hacker-mode"][data-style="dark"] {
  --zt-bg:            #050505;
  --zt-surface:       #0A0F0C;
  --zt-surface-2:     #0F1A14;
  --zt-border:        rgba(57, 255, 20, .12);
  --zt-border-strong: rgba(57, 255, 20, .25);
  --zt-text:          #E8FFE8;
  --zt-text-muted:    #99C9A4;
  --zt-text-soft:     #6B9577;

  --zt-primary:          #39FF14;
  --zt-primary-contrast: #050505;
  --zt-success:          #76FF03;
  --zt-warning:          #FBBF24;
  --zt-danger:           #FF6B6B;
  --zt-info:             #22D3EE;

  --zt-grad-primary: linear-gradient(135deg, #050505 0%, #0A3D2E 50%, #39FF14 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(57,255,20,.30) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(10,61,46,.40) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #ffffff 0%, #99C9A4 60%, #39FF14 100%);
}