/* Shared Neural Nexus palette for the website and sandboxed n8n form. */
:root {
  --brand-bg: #04060b;
  --brand-panel: #0b101c;
  --brand-surface: #101827;
  --brand-raised: #152238;
  --brand-text: #f8fafc;
  --brand-body: #c7d6dc;
  --brand-muted: #94a3b8;
  --brand-action: #85e6f3;
  --brand-action-hover: #b4f4fc;
  --brand-cyan: #00f0ff;
  --brand-blue: #3b82f6;
  --brand-violet: #8b5cf6;
  --brand-violet-light: #c4b5fd;
  --brand-line: rgba(0, 240, 255, .14);
  --brand-border: rgba(0, 240, 255, .22);
  --brand-border-active: rgba(0, 240, 255, .35);
  --brand-input-border: rgba(0, 240, 255, .45);
  --brand-error: #fda4af;
  --brand-success: #6ee7b7;
  --brand-heading-gradient: linear-gradient(135deg, #00f0ff 0%, #38bdf8 48%, #a855f7 100%);
  --brand-aurora:
    radial-gradient(ellipse 100vw 100vh at 86% 22vh, rgba(139, 92, 246, .25), rgba(99, 102, 241, .12) 44%, transparent 80%),
    radial-gradient(ellipse 85vw 90vh at 12% 52vh, rgba(0, 240, 255, .20), transparent 78%),
    radial-gradient(ellipse 85vw 65vh at 50% 92%, rgba(59, 130, 246, .15), transparent 75%);
  --brand-dot-grid: radial-gradient(circle, rgba(255, 255, 255, .07) .75px, transparent 1px);
}