:root {

  /* ====== BRAND ====== */
  --dgx-accent-primary: #ff3366; 
  --dgx-accent-secondary: #8c54ff;

  /* ====== BACKGROUNDS ====== */
  --dgx-bg-main: 	radial-gradient(circle at 20% 20%, rgba(255,0,120,0.15), transparent 40%),
					radial-gradient(circle at 90% 80%, rgba(120,0,255,0.15), transparent 40%),
					#0a0f1c;
  --dgx-bg-card: #12131a;
  --dgx-bg-elevated: #171923;

  /* ====== TEXT ====== */
  --dgx-text-main: #d6dcff;
  --dgx-text-muted: #9ba0ab;

  /* ====== UI ====== */
  --dgx-border: rgba(255,255,255,0.08);
  --dgx-radius-sm: 6px;
  --dgx-radius-md: 10px;
  --dgx-radius-lg: 16px;
  --dgx-transition: 0.25s ease;

  /* ====== SHADOW ====== */
  --dgx-shadow-soft: 0 10px 25px rgba(0,0,0,0.35);
  --dgx-glow-primary: 0 0 20px rgba(255,51,102,0.35);

  /* ====== TYPOGRAPHY ====== */
  --dgx-font: 'Inter', sans-serif;
}