/* Purple theme. Load AFTER style.css. Use only one theme file at a time. */

.gpa-app {
  --bg: #f4f0ff;
  --ink: #2a1659;
  --tx: #5a4c80;
  --b: #6d3ff0;
  --b2: #9a6bff;
  --soft: #ebe3ff;
  --ln: #ddd2fa;
}

.gpa-app .o1 {
  background: #d4c2ff;
}

.gpa-app .o2 {
  background: #f3bfff;
}

.gpa-app .o3 {
  background: #b8c4ff;
}

.gpa-app .nav {
  background: rgba(244,240,255,.8);
}

.gpa-app h1 span {
  background: linear-gradient(90deg,#6d3ff0,#d946ef,#6d3ff0);
  background-size: 200%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.gpa-app #gr stop:first-child {
  stop-color: #6d3ff0;
}

.gpa-app #gr stop:last-child {
  stop-color: #d946ef;
}

.gpa-app .tr {
  stroke: #dcd1f7;
}

.gpa-app .results {
  background: linear-gradient(135deg,#f8f4ff,#ece3ff);
}

.gpa-app .row:hover {
  background: #f7f3ff;
}

.gpa-app .steps li {
  background: #f9f6ff;
}

.gpa-app .sec:hover {
  background: #dfd2ff;
}

.gpa-app input::placeholder {
  color: #b0a6d4;
}

.gpa-app select:focus, .gpa-app input:focus {
  box-shadow: 0 0 0 4px rgba(154,107,255,.18);
}

.gpa-app .card {
  box-shadow: 0 28px 60px -34px rgba(109,63,240,.45);
}

.gpa-app .st:hover {
  box-shadow: 0 14px 26px -16px rgba(109,63,240,.55);
}