:root {
  /* ── Brand Palette ── */
  --bg:         #050608;
  --bg-2:       #090c12;
  --bg-card:    #0e1119;
  --bg-card-2:  #131721;

  /* PolyNet brand: electric violet + phosphor green accent */
  --brand:       #8b5cf6;
  --brand-light: #a78bfa;
  --brand-dim:   rgba(139, 92, 246, 0.12);
  --brand-glow:  0 0 60px rgba(139, 92, 246, 0.2);

  --lime:        #a3e635;
  --lime-dim:    rgba(163, 230, 53, 0.1);
  --lime-glow:   0 0 40px rgba(163, 230, 53, 0.18);

  /* Product accent colours */
  --dfn-cyan:    #00e5ff;   /* DeepFaceNet */
  --dfn-dim:     rgba(0, 229, 255, 0.1);

  --vc-amber:    #f59e0b;   /* VoiceChanger (coming soon) */
  --vc-dim:      rgba(245, 158, 11, 0.1);

  --future-slate: #64748b;  /* placeholder products */

  /* ── Neutrals ── */
  --text:        #eaedf5;
  --text-muted:  #6b7280;
  --text-faint:  #2d3748;
  --border:      rgba(255, 255, 255, 0.055);
  --border-2:    rgba(255, 255, 255, 0.1);

  /* ── Typography ── */
  --font-display: 'Clash Display', 'Syne', sans-serif;
  --font-body:    'Outfit', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Spacing scale ── */
  --s1: 0.25rem; --s2: 0.5rem;  --s3: 0.75rem; --s4: 1rem;
  --s5: 1.25rem; --s6: 1.5rem;  --s8: 2rem;    --s10: 2.5rem;
  --s12: 3rem;   --s16: 4rem;   --s20: 5rem;   --s24: 6rem;

  /* ── Radii ── */
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px;
  --r-xl: 16px; --r-2xl: 24px; --r-pill: 9999px;

  /* ── Motion ── */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t: 0.22s var(--ease);
}