:root{
  --bg: #f7f5ff;
  --bg1: #f4f1ff;
  --bg2: #f7f5ff;

  --card: #ffffff;

  --text: #3d3553;
  --muted: #8a82a3;

  --border: #ece7ff;

  --accent: #7c3aed;
  --accent2: #a78bfa;

  --radius: 18px;

  --shadow: 0 10px 26px rgba(124, 58, 237, 0.10);
  --shadow-hover: 0 16px 34px rgba(124, 58, 237, 0.18);

  --bio-color: #7c3aed;   
  --phy-color: #f97316;  
  --earth-color: #3b82f6;
  --pic-color:#14b8a6
}