:root {
  --primary-10: #403e7c;
  --primary-20: #514f9e;
  --primary-30: #6d6bb5;
  --primary-40: #8f8dc6;
  --primary-50: #b0afd7;
  --primary-60: #d2d1e8;
  --primary-70: #f3f3f9;
  --primary-80: #f8f8fb;
  --primary-90: #f8f8fb;
  --primary-95: #f8f8fb;
  --primary-98: #f8f8fb;
  --secondary-10: #332861;
  --secondary-20: #463785;
  --secondary-30: #5846aa;
  --secondary-40: #7563bf;
  --secondary-50: #9588ce;
  --secondary-60: #b5acdc;
  --secondary-70: #d5d0eb;
  --secondary-80: #f5f4fa;
  --secondary-90: #f8f7fc;
  --secondary-95: #f8f7fc;
  --secondary-98: #f8f7fc;
  --parent-radius: 20px;
  --child-radius: 10px;
}