:root {
  --green: #7b84a0;
  --green2: #68728f;
  --ink: #303544;
  --gold: #ad8b60;
  --rose: #a47682;
  --ivory: #f7f6f3;
  --mist: #eef0f5;
  --line: #d7dae3;
  --gray: #697080;
  --white: #ffffff;
}

body { background: var(--ivory); }
.topbar { background: rgba(247, 246, 243, .96); }
.primary { box-shadow: 0 2px 0 rgba(48, 53, 68, .12); }
.track { background: #e4e5ea; }
.category-item { background: rgba(255, 255, 255, .82); }
.choice { border-color: #d4d7e0; }
.choice:hover:not(:disabled) { border-color: var(--green); background: #f4f5f8; }