/* Sunset (orange/red) theme. Load AFTER style.css. Use only one theme file at a time. */

.gpa-app {
  --bg: #fff4ee;
  --ink: #4a1a12;
  --tx: #7a4a3e;
  --b: #e8441f;
  --b2: #ff7a45;
  --soft: #ffe6da;
  --ln: #f7d8c9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gpa-app .card {
  box-shadow: 0 28px 60px -34px rgba(232,68,31,.45);
}

.gpa-app .st:hover {
  box-shadow: 0 14px 26px -16px rgba(232,68,31,.55);
}